<!doctype html>
<html>
<head>
    <script formula-runtime>function e(e) {
        for (var r = 1; r < arguments.length; r++) {
            var t = null != arguments[r] ? arguments[r] : {}, n = Object.keys(t);
            "function" == typeof Object.getOwnPropertySymbols && (n = n.concat(Object.getOwnPropertySymbols(t).filter(function (e) {
                return Object.getOwnPropertyDescriptor(t, e).enumerable
            }))), n.forEach(function (r) {
                var n;
                n = t[r], r in e ? Object.defineProperty(e, r, {
                    value: n,
                    enumerable: !0,
                    configurable: !0,
                    writable: !0
                }) : e[r] = n
            })
        }
        return e
    }

    function r(e, r) {
        return r = null != r ? r : {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : (function (e, r) {
            var t = Object.keys(e);
            if (Object.getOwnPropertySymbols) {
                var n = Object.getOwnPropertySymbols(e);
                t.push.apply(t, n)
            }
            return t
        })(Object(r)).forEach(function (t) {
            Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t))
        }), e
    }

    var t, n, a, o = function (t) {
        var n = "4.0.16", a = "xhs-pc-web", o = "4.68.0";
        return r(e({}, t), {
            context_artifactName: "formula",
            context_artifactVersion: n || "unknown",
            measurement_data: r(e({}, t.measurement_data), {
                packageName: a || "unknown",
                packageVersion: o || "unknown"
            })
        })
    }, i = function () {
        if ("undefined" != typeof window) {
            var e, r, t = null === (e = window.eaglet) || void 0 === e ? void 0 : e.push;
            return t || (t = null === (r = window.insight) || void 0 === r ? void 0 : r.push), t ? function (e) {
                return t(o(e), "ApmXrayTracker")
            } : void 0
        }
    }, c = "FORMULA_ASSETS_LOAD_ERROR", u = function () {
        var e = localStorage.getItem(c);
        return e ? JSON.parse(e) : []
    };

    function s(e) {
        try {
            var r = i();
            if (r) r(e); else {
                var t = u();
                if (t.length >= 1e3) return;
                t.push(e), localStorage.setItem(c, JSON.stringify(t))
            }
        } catch (r) {
            console.error({error: r, errorData: e})
        }
    }

    try {
        t = function (e, r, t) {
            var a, o = function (e) {
                if (e) {
                    var r = "//fe-static.xhscdn.com";
                    return -1 !== e.indexOf(r) ? "".concat(e.replace(r, "//cdn.xiaohongshu.com"), "?business=fe&scene=feplatform") : void 0
                }
            }(e);
            if (!o) {
                s({
                    measurement_name: "reload_resource_error",
                    measurement_data: n(t, {retryErrorType: "newUrlError", timestamp: String(Date.now())})
                });
                return
            }
            "js" === r ? (a = document.createElement("script")).src = o : "css" === r && ((a = document.createElement("link")).rel = "stylesheet", a.href = o), a && (a.dataset.formulaAssetRetry = "1", document.head.appendChild(a), a.addEventListener("load", function () {
                s({
                    measurement_name: "reload_resource_duration",
                    measurement_data: n(t, {
                        duration: Date.now() - new Date(Number(t.timestamp)).getTime(),
                        retryResourceUrl: a.src || a.href
                    })
                })
            }), a.addEventListener("error", function () {
                s({
                    measurement_name: "reload_resource_error",
                    measurement_data: n(t, {
                        timestamp: String(Date.now()),
                        retryErrorType: "retryOnloadError",
                        retryResourceUrl: a.src || a.href
                    })
                })
            }))
        }, n = Object.assign, a = ["resource/js/bundler-runtime.ab305bf0.js", "resource/js/vendor-dynamic.f0f5c43a.js", "resource/js/library-polyfill.5f7e25b2.js", "resource/js/library-axios.435de88b.js", "resource/js/library-vue.a552caa8.js", "resource/js/vendor.621a7319.js", "resource/js/index.788b3226.js", "resource/css/index.2681e011.css", "resource/css/async/Notification.aa311d0c.css", "resource/css/async/42.1b2bf9e1.css", "resource/css/async/Note.6e3263e0.css", "resource/css/async/FeedToNote.a47e232f.css", "resource/css/async/minor.a7f732ec.css", "resource/css/async/355.1a9a769f.css", "resource/css/async/Explore.30c1e8ce.css", "resource/css/async/937.de1aa713.css", "resource/css/async/NPS.0fee7ba1.css", "resource/css/async/User.3830129f.css", "resource/css/async/953.272459c1.css", "resource/css/async/Search.6e2c6bf7.css", "resource/css/async/75.693a9a9c.css", "resource/css/async/772.db47c221.css", "resource/css/async/Login.c2772494.css", "resource/css/async/Board.c56ea05c.css"], window.addEventListener("error", function (e) {
            var r, n, o = e.target;
            if (o) {
                var i = o.href || o.src;
                if (i) {
                    if (!(null === (r = o.dataset) || void 0 === r ? void 0 : r.formulaCdnRetry) && !a.some(function (e) {
                        return i.includes(e)
                    })) return;
                    var c = null === (n = o.dataset) || void 0 === n ? void 0 : n.formulaAssetRetry,
                        u = "LINK" === o.tagName ? "css" : "js", l = {
                            measurement_name: "biz_load_error_count",
                            measurement_data: {
                                path: window.location.href,
                                resourceType: u,
                                resourceUrl: o.href || o.src || "-",
                                timestamp: String(Date.now())
                            }
                        };
                    c || (s(l), t(i, u, l.measurement_data))
                }
            }
        }, !0), window.addEventListener("load", function () {
            try {
                var e = i();
                if (!e) return;
                var r = u();
                if (r.length > 0) {
                    var t = !0, n = !1, a = void 0;
                    try {
                        for (var o, s = r[Symbol.iterator](); !(t = (o = s.next()).done); t = !0) {
                            var l = o.value;
                            e(l)
                        }
                    } catch (e) {
                        n = !0, a = e
                    } finally {
                        try {
                            t || null == s.return || s.return()
                        } finally {
                            if (n) throw a
                        }
                    }
                }
                localStorage.removeItem(c)
            } catch (e) {
                console.error(e)
            }
        })
    } catch (e) {
        console.error("formula assets retry error: ", e)
    }</script>
    <script data-apm-fmp-pre-module>!function (e, r) {
        try {
            var n = "__FST__", t = ["HTML", "HEAD", "META", "LINK", "SCRIPT", "STYLE", "NOSCRIPT"];
            e[n] = e[n] || {
                runned: !1, observer: null, mutaRecords: [], imgObserver: null, imgRecords: [], run: function (n) {
                    try {
                        !n.runned && (n.runned = !0, e.MutationObserver && e.performance && e.performance.now && (n.observer = new e.MutationObserver((function (r) {
                            try {
                                n.mutaRecords.push({
                                    mutations: r,
                                    startTime: e.performance.now()
                                }), r.filter((function (e) {
                                    var r = (e.target.nodeName || "").toUpperCase();
                                    return "childList" === e.type && r && -1 === t.indexOf(r) && e.addedNodes && e.addedNodes.length
                                })).forEach((function (r) {
                                    [].slice.call(r.addedNodes, 0).filter((function (e) {
                                        var r = (e.nodeName || "").toUpperCase();
                                        return 1 === e.nodeType && "IMG" === r && e.isConnected && !e.closest("[fmp-ignore]") && !e.hasAttribute("fmp-ignore")
                                    })).forEach((function (r) {
                                        r.addEventListener("load", (function () {
                                            try {
                                                var t = e.performance.now(), o = r.getAttribute("src") || "";
                                                e.requestAnimationFrame((function i(a) {
                                                    try {
                                                        r && r.naturalWidth && r.naturalHeight ? n.imgRecords.push({
                                                            name: o.split(":")[1] || o,
                                                            responseEnd: a,
                                                            loadTime: t,
                                                            startTime: 0,
                                                            duration: 0,
                                                            type: "loaded"
                                                        }) : e.requestAnimationFrame(i)
                                                    } catch (e) {
                                                    }
                                                }))
                                            } catch (e) {
                                            }
                                        }))
                                    }))
                                }))
                            } catch (e) {
                            }
                        })), n.observer.observe(r, {
                            childList: !0,
                            subtree: !0
                        }), e.PerformanceObserver && (n.imgObserver = new e.PerformanceObserver((function (e) {
                            try {
                                e.getEntries().filter((function (e) {
                                    return "img" === e.initiatorType || "css" === e.initiatorType || "link" === e.initiatorType
                                })).forEach((function (e) {
                                    n.imgRecords.push({
                                        name: e.name.split(":")[1] || e.name,
                                        responseEnd: e.responseEnd,
                                        startTime: e.startTime,
                                        duration: e.duration,
                                        type: "entry"
                                    })
                                }))
                            } catch (e) {
                            }
                        })), n.imgObserver.observe({entryTypes: ["resource"]}))))
                    } catch (e) {
                    }
                }
            }, e[n].runned || e[n].run(e[n])
        } catch (e) {
        }
    }(window, document)</script>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <meta name="format-detection" content="telephone=no,address=no,email=no">
    <meta name="mobileOptimized" content="width">
    <meta name="HandheldFriendly" content="true">
    <meta name="applicable-device" content="pc,mobile">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="shenma-site-verification" content="3abbfaac4345ca4daaa5ad2282115298_1476771175">
    <meta name="360-site-verification" content="86dcc68a445e2ed8034e85f0ba88a83a">
    <meta name="sogou-site-verification" content="tJLhUJDcki">
    <meta name="google-site-verification" content="-wdhMjIAPXapbEjwFVejIM-GCtl1fc9nUdOA32eFqpM">
    <meta name="baidu-site-verification" content="code-IDjrix2R0M">
    <meta>
    <script src="https://fe-static.xhscdn.com/as/v1/3e44/public/04b29480233f4def5c875875b6bdc3b1.js"
            defer="defer"></script>
    <script src="https://fe-static.xhscdn.com/as/v1/3e44/public/a9ef723c54cfdb63556bffe75cf06ae7.js?s=sdt_source_init"
            defer="defer"></script>
    <link rel="shortcut icon"
          href="https://fe-video-qc.xhscdn.com/fe-platform/ed8fe781ce9e16c1bfac2cd962f0721edabe2e49.ico">
    <script formula-runtime></script>
    <script defer="defer"
            src="https://fe-static.xhscdn.com/formula-static/xhs-pc-web/public/resource/js/bundler-runtime.ab305bf0.js"></script>
    <script defer="defer"
            src="https://fe-static.xhscdn.com/formula-static/xhs-pc-web/public/resource/js/vendor-dynamic.f0f5c43a.js"></script>
    <script defer="defer"
            src="https://fe-static.xhscdn.com/formula-static/xhs-pc-web/public/resource/js/library-polyfill.5f7e25b2.js"></script>
    <script defer="defer"
            src="https://fe-static.xhscdn.com/formula-static/xhs-pc-web/public/resource/js/library-axios.435de88b.js"></script>
    <script defer="defer"
            src="https://fe-static.xhscdn.com/formula-static/xhs-pc-web/public/resource/js/library-vue.a552caa8.js"></script>
    <script defer="defer"
            src="https://fe-static.xhscdn.com/formula-static/xhs-pc-web/public/resource/js/vendor.621a7319.js"></script>
    <script defer="defer"
            src="https://fe-static.xhscdn.com/formula-static/xhs-pc-web/public/resource/js/index.788b3226.js"></script>
    <style type="text/css">.reds-icon[data-v-55b36ac6] {
        display: inline-block;
        vertical-align: middle;
        fill: currentColor
    }

    .reds-mask[data-v-54eb1bb4] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--mask-backdrop);
        z-index: -1
    }

    .reds-lock-scroll, .reds-lock-scroll body, .reds-lock-scroll #app {
        overflow: hidden !important
    }

    .reds-modal[data-v-f9867710] {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000002;
        box-sizing: border-box
    }

    .reds-modal[data-v-f9867710] {
        visibility: hidden;
        opacity: 0;
        transition: opacity 200ms, visibility 200ms
    }

    .reds-modal-open[data-v-f9867710] {
        visibility: visible;
        opacity: 1
    }

    .reds-dialog-paper[data-v-fa27eb18] {
        box-sizing: border-box;
        background-color: var(--elevation-high-background)
    }

    .reds-dialog-paper[data-v-fa27eb18]:focus {
        outline: none
    }

    .reds-dialog-paper-bottom[data-v-fa27eb18] {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        border-radius: 12px 12px 0 0
    }

    .reds-dialog-paper-middle[data-v-fa27eb18] {
        border-radius: 12px;
        width: 270px;
        position: relative
    }

    .reds-dialog-paper-right[data-v-fa27eb18] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 80%;
        max-width: 450px
    }

    .reds-dialog-paper-middle[data-v-fa27eb18] {
        transition: transform 200ms cubic-bezier(.42, 0, .58, 1);
        transform: translate3d(0, 16px, 0)
    }

    .reds-modal-open .reds-dialog-paper-middle[data-v-fa27eb18] {
        transform: translate3d(0, 0, 0)
    }

    .reds-dialog-paper-bottom[data-v-fa27eb18] {
        transition: transform 200ms cubic-bezier(.42, 0, .58, 1);
        transform: translate3d(0, 100%, 0)
    }

    .reds-modal-open .reds-dialog-paper-bottom[data-v-fa27eb18] {
        transform: translate3d(0, 0, 0)
    }

    .reds-dialog-paper-right[data-v-fa27eb18] {
        transition: transform 200ms cubic-bezier(.42, 0, .58, 1);
        transform: translate3d(100%, 0, 0)
    }

    .reds-modal-open .reds-dialog-paper-right[data-v-fa27eb18] {
        transform: translate3d(0, 0, 0)
    }

    .reds-text.left[data-v-a847e398] {
        text-align: left
    }

    .reds-text.center[data-v-a847e398] {
        text-align: center
    }

    .reds-text.right[data-v-a847e398] {
        text-align: right
    }

    .reds-text.line-clamp-1[data-v-a847e398] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .reds-text.line-clamp-2[data-v-a847e398], .reds-text.line-clamp-3[data-v-a847e398], .reds-text.line-clamp-4[data-v-a847e398] {
        word-break: break-all;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .reds-text.line-clamp-2[data-v-a847e398] {
        -webkit-line-clamp: 2
    }

    .reds-text.line-clamp-3[data-v-a847e398] {
        -webkit-line-clamp: 3
    }

    .reds-text.line-clamp-4[data-v-a847e398] {
        -webkit-line-clamp: 4
    }

    .reds-text.fs10[data-v-a847e398] {
        font-size: 12PX;
        transform-origin: 0 50%;
        transform: scale(.8333333333333334)
    }

    .reds-text.fs10.center[data-v-a847e398] {
        transform-origin: 50% 50%
    }

    .reds-text.fs10.right[data-v-a847e398] {
        transform-origin: 100% 50%
    }

    .fw400[data-v-a847e398] {
        font-weight: 400
    }

    .fw600[data-v-a847e398] {
        font-weight: 600
    }

    .ff_number[data-v-a847e398] {
        font-family: vars('RED Number')
    }

    .ff_number_medium[data-v-a847e398] {
        font-family: vars('RED Number Medium')
    }

    .ff_number_bold[data-v-a847e398] {
        font-family: vars('RED Number Bold')
    }

    .fs10[data-v-a847e398] {
        font-size: 10px
    }

    .fs12[data-v-a847e398] {
        font-size: 12px
    }

    .fs14[data-v-a847e398] {
        font-size: 14px
    }

    .fs16[data-v-a847e398] {
        font-size: 16px
    }

    .fs18[data-v-a847e398] {
        font-size: 18px
    }

    .fs20[data-v-a847e398] {
        font-size: 20px
    }

    .fs24[data-v-a847e398] {
        font-size: 24px
    }

    .fs32[data-v-a847e398] {
        font-size: 32px
    }

    .lh12[data-v-a847e398] {
        line-height: 12px
    }

    .lh16[data-v-a847e398] {
        line-height: 16px
    }

    .lh18[data-v-a847e398] {
        line-height: 18px
    }

    .lh20[data-v-a847e398] {
        line-height: 20px
    }

    .lh22[data-v-a847e398] {
        line-height: 22px
    }

    .lh24[data-v-a847e398] {
        line-height: 24px
    }

    .lh26[data-v-a847e398] {
        line-height: 26px
    }

    .lh28[data-v-a847e398] {
        line-height: 28px
    }

    .lh30[data-v-a847e398] {
        line-height: 30px
    }

    .lh32[data-v-a847e398] {
        line-height: 32px
    }

    .lh38[data-v-a847e398] {
        line-height: 38px
    }

    .lh40[data-v-a847e398] {
        line-height: 40px
    }

    .lh52[data-v-a847e398] {
        line-height: 52px
    }

    .reds-dialog-button[data-v-93fd2b7e] {
        position: relative;
        height: 48px;
        width: 100%;
        white-space: nowrap;
        padding: 8px 16px;
        display: flex;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        border: none;
        cursor: pointer
    }

    .reds-dialog-button[data-v-93fd2b7e]:active {
        background-color: var(--color-tertiary-label)
    }

    .reds-dialog-button.primary[data-v-93fd2b7e] {
        color: var(--color-red)
    }

    .reds-dialog-button.secondary[data-v-93fd2b7e] {
        color: var(--color-tertiary-label)
    }

    .reds-dialog-button-group[data-v-f6941e10] {
        margin-top: 20px;
        display: flex;
        position: relative
    }

    .reds-dialog-button-group.row[data-v-f6941e10] {
        flex-direction: row
    }

    .reds-dialog-button-group.row[data-v-f6941e10] .reds-dialog-button {
        flex: 1
    }

    .reds-dialog-button-group.column[data-v-f6941e10] {
        flex-direction: column
    }

    .reds-dialog-button-group.row[data-v-f6941e10] .reds-dialog-button + .reds-dialog-button::before {
        content: "";
        position: absolute;
        background-color: var(--color-primary-label);
        opacity: .1;
        top: 0;
        left: 0;
        width: 1PX;
        height: 100%;
        transform: translateX(-.5PX) scaleX(.5)
    }

    .reds-dialog-button-group[data-v-f6941e10]::before, .reds-dialog-button-group.column[data-v-f6941e10] .reds-dialog-button + .reds-dialog-button::before {
        content: "";
        position: absolute;
        background-color: var(--color-primary-label);
        opacity: .1;
        left: 0;
        top: 0;
        width: 100%;
        height: 1PX;
        transform: translateY(-.5PX) scaleY(.5)
    }

    .reds-dialog-title {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 4px
    }

    .reds-dialog-content {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px
    }

    .reds-image-container {
        position: relative;
        display: inline-block;
        vertical-align: middle
    }

    .reds-image-container.white {
        background-color: #fff
    }

    .reds-image-container.gray {
        background-color: #f5f5f5
    }

    .reds-image-container.transparent {
        background: transparent
    }

    .reds-image-container .loading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .reds-image-container.responsive, .reds-img-placeholder {
        display: block
    }

    .reds-img-box, .reds-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: inherit
    }

    .reds-img {
        object-fit: cover
    }

    .reds-img:not([data-load-status='loaded']) {
        visibility: hidden
    }

    .reds-img.animated {
        opacity: 0;
        transition-duration: 150ms;
        transition-timing-function: ease-out
    }

    .reds-img.animated[data-load-status='loaded'] {
        opacity: 1
    }

    .reds-progress-indicator {
        display: inline-block
    }

    .reds-progress-indicator__media-box {
        position: relative;
        width: 40px;
        height: 40px
    }

    .reds-progress-indicator__media-box__text {
        color: #333;
        width: 25px;
        height: 16px;
        position: absolute;
        font-size:$FontSizeT3;
        line-height: 16px;
        -webkit-user-select: none;
        user-select: none;
        top: 16px;
        left: 12px
    }

    .reds-progress-indicator__media-box-circle {
        transform: rotate(-90deg)
    }

    .reds-progress-indicator__media-box-circle--inactive {
        stroke: var(--color-border)
    }

    .reds-progress-indicator__media-spinner {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 24px
    }

    .reds-progress-indicator__media-spinner__icon path {
        transform-origin: 50% 50%;
        animation: reds-progress-indicator-spinner-rotate 1.5s linear infinite;
        fill: #333
    }

    .reds-progress-indicator__activity-indicator {
        width: 24px;
        height: 24px
    }

    .reds-progress-indicator__page-loading {
        z-index: 999;
        width: 22px;
        height: 22px
    }

    .reds-progress-indicator__page-loading.has-background {
        width: 44px;
        height: 44px;
        background-color: var(--color-active-background);
        border-radius: 8px
    }

    @keyframes reds-progress-indicator-spinner-rotate {
        from {
            transform: rotate(0deg)
        }
        to {
            transform: rotate(360deg)
        }
    }

    .reds-avatar-live {
        position: absolute;
        left: 50%;
        bottom: 0;
        font-style: normal;
        white-space: nowrap;
        border-radius: 60PX;
        transform: translate(-50%, 50%) scale(.5);
        color: rgba(255, 255, 255, 0.99);
        background-color: #ff2e4d;
        overflow: hidden
    }

    .reds-avatar-live-animation::before {
        content: "";
        border-radius: 60PX;
        position: absolute;
        width: 10px;
        height: 50px;
        left: -100px;
        background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);
        animation: searchLights .6s ease-in .1s 2
    }

    .reds-avatar.size-s .reds-avatar-live {
        font-size: 14px;
        line-height: 20px;
        padding: 0 6px;
        margin-bottom: 2px
    }

    .reds-avatar.size-m .reds-avatar-live {
        font-size: 16px;
        line-height: 24px;
        padding: 0 8px;
        margin-bottom: 2px
    }

    .reds-avatar.size-l .reds-avatar-live {
        font-size: 20px;
        line-height: 32px;
        padding: 0 12px;
        margin-bottom: 2px
    }

    .reds-avatar.size-auto .reds-avatar-live, .reds-avatar.size-xl .reds-avatar-live {
        font-size: 24px;
        line-height: 40px;
        padding: 0 16px;
        margin-bottom: 3px
    }

    .reds-avatar .animated {
        animation: waveInSide 1.8s cubic-bezier(.4, .05, .6, .95) infinite
    }

    .reds-avatar .animated-outside {
        opacity: 0;
        animation: waveOutSide 1.8s cubic-bezier(.5, .05, .95, .75) infinite
    }

    @keyframes searchLights {
        0% {
            left: -20px;
            top: 0
        }
        100% {
            left: 100%;
            top: 0
        }
    }

    @keyframes waveInSide {
        0% {
            transform: scale(1)
        }
        50% {
            transform: scale(1.1)
        }
        100% {
            transform: scale(1)
        }
    }

    @keyframes waveOutSide {
        0% {
            transform: scale(1.1);
            opacity: 0
        }
        50% {
            transform: scale(1.1);
            opacity: 0
        }
        51% {
            transform: scale(1.1);
            opacity: 1
        }
        75% {
            border-width: 1px;
            opacity: 1
        }
        100% {
            transform: scale(1.2);
            border-width: 0;
            box-shadow: inset 0 0 0 .5px currentColor;
            opacity: 0
        }
    }

    .reds-avatar {
        position: relative;
        border-radius: 1000PX;
        color: #fff;
        background-color: currentColor;
        box-shadow: 0 0 1PX rgba(204, 204, 204, 0.1);
        display: inline-block;
        vertical-align: middle
    }

    .reds-avatar-img-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        border-radius: inherit;
        align-items: center;
        justify-content: center;
        overflow: hidden
    }

    .reds-avatar-img-box img {
        object-fit: cover;
        display: block;
        height: 100%;
        width: 100%
    }

    .reds-avatar.responsive {
        display: inline-block
    }

    .reds-avatar.size-auto {
        display: block;
        flex: 1;
        min-width: 0
    }

    .reds-avatar-border::before {
        content: "";
        display: block;
        padding-top: 100%
    }

    .reds-avatar-border {
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        transform: scale(.5);
        border-radius: inherit;
        box-sizing: border-box
    }

    .reds-avatar-outline {
        position: absolute;
        border-radius: inherit;
        top: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box
    }

    .reds-avatar-outline::before {
        content: "";
        display: block;
        padding-top: 100%
    }

    .reds-avatar-outline.red {
        color: #ff2e4d
    }

    .reds-avatar-outline.yellow {
        color: #ffe900
    }

    .reds-avatar-outline.white {
        color: #fff
    }

    .reds-avatar.size-s .reds-avatar-outline, .reds-avatar-outline.s {
        top: -1px;
        left: -1px;
        width: calc(100% + 2px);
        border: 1PX solid currentColor
    }

    .reds-avatar.size-m .reds-avatar-outline, .reds-avatar-outline.m {
        top: -2px;
        left: -2px;
        width: calc(100% + 4px);
        border: 1PX solid currentColor
    }

    .reds-avatar.size-l .reds-avatar-outline, .reds-avatar-outline.l {
        top: -3px;
        left: -3px;
        width: calc(100% + 6px);
        box-shadow: inset 0 0 0 1.5PX currentColor
    }

    .reds-avatar.size-auto .reds-avatar-outline, .reds-avatar.size-xl .reds-avatar-outline, .reds-avatar-outline.xl {
        box-shadow: inset 0 0 0 1.5PX currentColor;
        top: -3px;
        left: -3px;
        width: calc(100% + 6px)
    }

    .reds-dialog-avatar[data-v-077434fe] {
        margin: 0 auto 16px
    }

    .reds-dialog-avatar.responsive.reds-avatar[data-v-077434fe] {
        display: block
    }

    .reds-button-new {
        position: relative;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        white-space: nowrap;
        outline: none;
        background: none;
        border: none;
        vertical-align: middle;
        text-align: center;
        display: inline-block;
        padding: 0;
        border-radius: 100px;
        font-weight: 500
    }

    .reds-button-new-box {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        font-weight: 500
    }

    .reds-button-new.primary {
        background-color: #ff2e4d;
        color: #fff
    }

    .reds-button-new.primary.active {
        color: #000;
        background-color: rgba(0, 0, 0, 0.04)
    }

    .reds-button-new.outlined {
        background-color: #fff;
        color: #ff2e4d;
        border: 1px solid #ff2e4d
    }

    .reds-button-new.outlined.active {
        color: #000;
        border-color: rgba(0, 0, 0, 0.1)
    }

    .reds-button-new.outlined.disabled {
        color: var(--color-quaternary-label);
        border: 1px solid var(--color-quaternary-label)
    }

    .reds-button-new.text {
        border: none;
        background: var(--elevation-high-background);
        color: #ff2e4d
    }

    .reds-button-new.text.active {
        background-color: #000;
        color:$White;
        border: 1px solid var(--color-border)
    }

    .reds-button-new.text.disabled {
        color: var(--color-quaternary-label)
    }

    .reds-button-new.dark {
        background-color: rgba(37, 37, 42, 0.99);
        color: var(--color-inverted-label)
    }

    .reds-button-new.filledGray {
        background-color: var(--color-active-background)
    }

    .reds-button-new.filledGray.disabled {
        color: var(--color-quaternary-label)
    }

    .reds-button-new.outlinedGray {
        border: 1px solid var(--color-border)
    }

    .reds-button-new.outlinedGray.disabled {
        color: var(--color-quaternary-label)
    }

    .reds-button-new.mini {
        font-size:$FontSizeT3;
        line-height:$LineHeightT3Label;
        padding: 0 12px;
        height: 24px
    }

    .reds-button-new.mini .reds-icon, .reds-button-new.mini img {
        width: 16px;
        height: 16px;
        margin-right: 4px;
        font-size:$FontSizeT3
    }

    .reds-button-new.small {
        font-size:$FontSizeT3;
        line-height:$LineHeightT3Label;
        padding: 0 14px;
        height: 28px
    }

    .reds-button-new.small.text {
        height:$LineHeightT3Label
    }

    .reds-button-new.small .reds-icon, .reds-button-new.small img {
        width: 16px;
        height: 16px;
        margin-right: 4px;
        font-size:$FontSizeT3
    }

    .reds-button-new.medium {
        font-size:$FontSizeT2;
        line-height: 18px;
        padding: 0 20px;
        height: 36px
    }

    .reds-button-new.medium .reds-icon, .reds-button-new.medium img {
        width: 20px;
        height: 20px;
        margin-right: 6px;
        font-size:$FontSizeT2
    }

    .reds-button-new.large {
        font-size: 16px;
        font-weight: 600;
        line-height: 16px;
        padding: 0 24px;
        height: 40px
    }

    .reds-button-new.large.text {
        height: 18px
    }

    .reds-button-new.large .reds-icon, .reds-button-new.large img {
        width: 20px;
        height: 20px;
        margin-right: 8px;
        font-size:$FontSizeT2
    }

    .reds-button-new.extraLarge {
        font-size: 16px;
        line-height: 20px;
        padding: 0 32px;
        height: 48px
    }

    .reds-button-new.extraLarge.text {
        height: 20px
    }

    .reds-button-new.extraLarge .reds-icon, .reds-button-new.extraLarge img {
        width: 24px;
        height: 24px;
        margin-right: 10px;
        font-size: 16px
    }

    .reds-button-new.mini.has-icon {
        padding-left: 8px
    }

    .reds-button-new.small.has-icon {
        padding-left: 10px
    }

    .reds-button-new.medium.has-icon {
        padding-left: 12px
    }

    .reds-button-new.large.has-icon {
        padding-left: 16px
    }

    .reds-button-new.extraLarge.has-icon {
        padding-left: 20px
    }

    .reds-button-new.has-icon.pure-icon {
        border-radius: 50%
    }

    .reds-button-new.has-icon.pure-icon .reds-button-new-box {
        padding: 0
    }

    .reds-button-new.has-icon.pure-icon .reds-button__icon {
        margin-right: 0
    }

    .reds-button-new.has-icon.pure-icon.mini {
        padding: 0 4px
    }

    .reds-button-new.has-icon.pure-icon.small {
        padding: 0 6px
    }

    .reds-button-new.has-icon.pure-icon.medium {
        padding: 0 8px
    }

    .reds-button-new.has-icon.pure-icon.large {
        padding: 0 10px
    }

    .reds-button-new.has-icon.pure-icon.extraLarge {
        padding: 0 12px
    }

    .reds-button-new.block {
        display: block;
        width: 100%
    }

    .dark-mode .reds-button-new.outlined {
        background-color: inherit
    }

    .dark-mode .reds-button-new.outlined.disabled {
        color: var(--color-quaternary-label);
        border-color: var(--color-quaternary-label)
    }

    .dark-mode .reds-button-new.filledGray, .dark-mode .reds-button-new.outlinedGray {
        color: #fff
    }

    .dark-mode .reds-button-new.text {
        background-color: #fff
    }

    .dark-mode .reds-button-new.disabled.filledGray, .dark-mode .reds-button-new.disabled.outlinedGray {
        color: var(--color-quaternary-label)
    }

    .reds-button-new.disabled {
        cursor: not-allowed
    }

    .reds-button-new.primary.disabled, .reds-button-new.dark.disabled {
        opacity: .6
    }

    .reds-button-new.text {
        padding: 0
    }

    .reds-alert-mask-slide-fade-enter-active, .reds-alert-mask-slide-fade-leave-active {
        transition: opacity .1s ease
    }

    .reds-alert-mask-slide-fade-enter-from, .reds-alert-mask-slide-fade-leave-to {
        opacity: 0
    }

    .reds-alert-mask-fade-enter-active, .reds-alert-mask-fade-leave-active {
        transition: opacity .2s ease
    }

    .reds-alert-slide-fade-enter-from, .reds-alert-slide-fade-leave-to {
        opacity: 0
    }

    .reds-alert {
        position: relative
    }

    .reds-alert .reds-alert-mask {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        height: 100%;
        background-color: var(--mask-backdrop)
    }

    .reds-alert .reds-alert-wrapper {
        position: fixed;
        z-index: 999;
        top: 50%;
        left: 0;
        right: 0;
        margin: 0 auto;
        transform: translateY(-50%);
        width: 270px;
        min-height: 114px;
        overflow: hidden;
        border-radius: 12px;
        max-width: calc(100vw - 16 * 2);
        background-color: var(--elevation-high-background);
        box-shadow: var(--elevation-high-shadow);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .reds-alert .reds-alert-wrapper.has-content .reds-alert-title {
        padding-bottom: 4px
    }

    .reds-alert .reds-alert-wrapper.slot-content .reds-alert-title {
        padding-bottom: 16px
    }

    .reds-alert .reds-alert-wrapper.has-media .reds-alert-title {
        padding-bottom: 20px
    }

    .reds-alert .reds-alert-wrapper .reds-alert-title {
        color: var(--color-primary-label);
        padding-top: 20px;
        padding-bottom: 26px;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        text-align: center
    }

    .reds-alert .reds-alert-wrapper .reds-alert-content {
        position: relative
    }

    .reds-alert .reds-alert-wrapper .reds-alert-content .reds-dialog__message__overlay {
        position: fixed;
        left: 0;
        bottom: 70px;
        width: 100%;
        height: 40px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--color-primary-label) 100%)
    }

    .reds-alert .reds-alert-wrapper .reds-alert-content .reds-dialog__message {
        padding-top: 8px;
        color: var(--color-tertiary-label);
        flex: 1;
        max-height: 120px;
        padding: 0 20px 0 20px;
        overflow-y: auto;
        font-size: 14px;
        line-height: 20px;
        white-space: pre-wrap;
        text-align: center;
        word-wrap: break-word;
        margin-bottom: 20px;
        text-wrap: balance
    }

    .reds-alert .reds-alert-wrapper .reds-alert-content .reds-dialog__message.left {
        text-align: left
    }

    .reds-alert .reds-alert-wrapper .reds-alert-footer {
        background: var(--elevation-high-background);
        border-top: 1px solid var(--color-border);
        display: flex;
        align-items: center
    }

    .reds-alert .reds-alert-wrapper .reds-alert-footer.reds-alert-footer__round-button {
        border: none;
        padding: 0 20px 20px 20px
    }

    .reds-alert .reds-alert-wrapper .reds-alert-footer.reds-alert-footer__round-button.vertical {
        padding-bottom: 16px
    }

    .reds-alert .reds-alert-wrapper .reds-alert-footer.vertical.reds-alert-footer__round-button .reds-alert-footer__left.reds-button-new.text {
        height: 16px;
        margin-top: 12px
    }

    .reds-alert .reds-alert-wrapper .reds-alert-footer.vertical {
        flex-direction: column-reverse
    }

    .reds-alert .reds-alert-wrapper .reds-alert-footer.vertical .reds-alert-footer__left, .reds-alert .reds-alert-wrapper .reds-alert-footer.vertical .reds-alert-footer__right {
        width: 100%
    }

    .reds-alert .reds-alert-wrapper .reds-alert-footer.vertical .reds-alert-footer__right::before {
        border-left: none;
        width: 100%;
        height: 1px;
        top: 100%;
        transform: translateY(0);
        background-color: rgba(0, 0, 0, 0.08)
    }

    .reds-alert .reds-alert-wrapper .reds-alert-footer.mono .reds-button-new.text .reds-button-new-text {
        color: var(--color-secondary-label);
        font-weight: 400
    }

    .reds-alert .reds-alert-wrapper .reds-alert-footer .reds-alert-footer__left {
        width: 50%
    }

    .reds-alert .reds-alert-wrapper .reds-alert-footer .reds-alert-footer__left.reds-button-new.text {
        height: 48px
    }

    .reds-alert .reds-alert-wrapper .reds-alert-footer .reds-alert-footer__left .reds-button-new-text {
        color: var(--color-tertiary-label);
        font-weight: 400
    }

    .reds-alert .reds-alert-wrapper .reds-alert-footer .reds-alert-footer__right {
        width: 50%
    }

    .reds-alert .reds-alert-wrapper .reds-alert-footer .reds-alert-footer__right.reds-button-new.text {
        height: 48px
    }

    .reds-alert .reds-alert-wrapper .reds-alert-footer .reds-alert-footer__right.block {
        width: 100%
    }

    .reds-alert .reds-alert-wrapper .reds-alert-footer .reds-alert-footer__right::before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 28px;
        border-left: 1px solid rgba(0, 0, 0, 0.08);
        transform: translateY(-50%);
        content: " "
    }

    .reds-alert .reds-alert-wrapper .reds-alert-footer .reds-alert-footer__right.rounded::before {
        opacity: 0
    }

    .reds-alert .reds-alert-wrapper__media__asset {
        display: flex;
        justify-content: center;
        padding-top: 20px
    }

    [data-v-76bb4847] .reds-alert-mask {
        background-color: var(--mask-backdrop)
    }

    [data-v-76bb4847] .reds-alert-footer {
        border-top: 1px solid var(--color-border);
        width: calc(100% - 12px);
        margin: 0 auto;
        padding: 6px 0 6px 0
    }

    [data-v-76bb4847] .reds-alert-title {
        color: var(--color-primary-label) !important;
        line-height: 120%;
        padding-top: 24px !important;
        font-weight: 600 !important;
        line-height: normal !important
    }

    [data-v-76bb4847] .reds-alert-content {
        line-height: 120%;
        font-size: 16px
    }

    .foot-btns[data-v-76bb4847] {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .foot-btns .foot-btn[data-v-76bb4847] {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        font-weight: 600;
        font-size: 16px;
        cursor: pointer;
        color: var(--color-secondary-label)
    }

    .foot-btns .foot-btn.strong[data-v-76bb4847] {
        color: var(--color-red)
    }

    .foot-btns .foot-btn.strong[data-v-76bb4847]:hover {
        background: var(--color-tinted-red);
        color: var(--color-red)
    }

    .foot-btns .foot-btn[data-v-76bb4847]:hover {
        background-color: var(--color-active-background);
        border-radius: 8px;
        color: var(--color-primary-label)
    }

    .icon-btn-wrapper {
        width: var(--54fadfd9);
        height: var(--30922174);
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: var(--color-secondary-label)
    }

    .icon-btn-wrapper:hover {
        border-radius: 999px;
        color: var(--color-primary-label);
        background: var(--color-active-background)
    }

    .reds-toast-container[data-v-16e62945] {
        transition: opacity 400ms
    }

    .fade-enter-active[data-v-16e62945] {
        opacity: 1
    }

    .fade-leave-active[data-v-16e62945] {
        opacity: 0
    }

    .reds-toast[data-v-16e62945] {
        font-size: 16px;
        line-height: 120%;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: fixed;
        z-index: 1001000;
        max-width: 300px;
        pointer-events: none;
        border-radius: 1000PX;
        padding: 12px 16px;
        margin-top: 4px;
        margin-bottom: 4px;
        color: var(--color-inverted-label);
        background: var(--material-inverted-background);
        -webkit-backdrop-filter: var(--material-filter);
        backdrop-filter: var(--material-filter)
    }

    .top-left[data-v-16e62945] {
        top: 5%;
        left: 0
    }

    .top-center[data-v-16e62945] {
        top: 5%;
        left: 50%;
        transform: translateX(-50%)
    }

    .top-right[data-v-16e62945] {
        top: 5%;
        right: 0
    }

    .center[data-v-16e62945] {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .bottom-left[data-v-16e62945] {
        bottom: 5%;
        left: 0
    }

    .bottom-center[data-v-16e62945] {
        bottom: 5%;
        left: 50%;
        transform: translateX(-50%)
    }

    .bottom-right[data-v-16e62945] {
        bottom: 5%;
        right: 0
    }

    .reds-sticky[data-v-73916935] {
        z-index: 5 !important;
        background: var(--mask-paper)
    }

    .reds-sticky-box.sticky .reds-sticky[data-v-73916935] {
        position: fixed;
        z-index: 10010;
        top: 0;
        width: 100%;
        box-sizing: border-box
    }

    .reds-uploader__upload {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 72px;
        height: 72px;
        border-radius: 8px;
        border: 1px solid var(--color-border);
        color: var(--color-tertiary-label);
        font-size: 12px;
        font-weight: 400;
        line-height: 120%
    }

    .reds-uploader__upload:hover {
        background: var(--color-active-background);
        color: var(--color-secondary-label)
    }

    .reds-uploader__upload.four {
        width: 78px;
        height: 78px
    }

    .reds-uploader__upload.three {
        width: 109px;
        height: 109px
    }

    .reds-uploader__upload.two {
        width: 166px;
        height: 94px
    }

    .reds-uploader__upload .reds-uploader__input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        opacity: 0;
        overflow: hidden
    }

    .reds-uploader__upload .reds-uploader__input.reds-uploader__input_disabled {
        cursor: not-allowed
    }

    .reds-uploader__upload .reds-uploader__desc {
        margin: 0
    }

    .reds-uploader__upload .reds-uploader_input_desc {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 6px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .reds-uploader__upload .reds-uploader_input_desc:hover {
        color: var(--color-secondary-label)
    }

    .reds-uploader__upload__add-icon path {
        fill:$ThemeDescription;
        fill-opacity: 1
    }

    .reds-uploader__upload--disabled {
        opacity: .5;
        cursor: not-allowed
    }

    .reds-uploader__upload--disabled:hover {
        background: transparent;
        color: var(--color-tertiary-label);
        opacity: .5
    }

    .reds-uploader__upload--disabled .reds-uploader__desc {
        color:$ThemeDisabled
    }

    .reds-uploader__upload--disabled .reds-uploader__upload__add-icon path {
        fill:$ThemeDisabled
    }

    .reds-uploader__wrapper {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 12px
    }

    .reds-uploader__wrapper .reds-uploader__preview {
        position: relative;
        border-radius: 8px;
        border: 1px solid var(--color-border)
    }

    .reds-uploader__wrapper .reds-uploader__preview.four:nth-of-type(4n) {
        margin-right: 0
    }

    .reds-uploader__wrapper .reds-uploader__preview.three:nth-of-type(3n) {
        margin-right: 0
    }

    .reds-uploader__wrapper .reds-uploader__preview.two {
        margin-right: 0
    }

    .reds-uploader__wrapper .reds-uploader__preview.two:nth-of-type(2n) {
        margin-right: 0
    }

    .reds-uploader__wrapper .reds-uploader__preview.two:nth-of-type(2n) --narrowMargin {
        margin-bottom: 0
    }

    .reds-uploader__wrapper .reds-uploader__preview__image {
        width: 100%;
        height: 100%
    }

    .reds-uploader__wrapper .reds-uploader__preview__image__content {
        border-radius: 7px;
        width: 100%;
        height: 100%;
        visibility: visible
    }

    .reds-uploader__wrapper .reds-uploader__preview__delete {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 4px;
        right: 4px;
        background: var(--material-background);
        padding: 2px;
        cursor: pointer;
        color: var(--color-white);
        border-radius: 4px;
        -webkit-backdrop-filter: var(--material-filter);
        backdrop-filter: var(--material-filter);
        width: 20px;
        height: 20px
    }

    .reds-uploader__wrapper .reds-uploader__preview__delete__icon path:first-of-type {
        fill:$ThemeFill4
    }

    .reds-uploader__wrapper .reds-uploader__preview__mask {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background:$AlwaysDarkFill4;
        border-radius: 6px;
        width: 72px;
        height: 72px;
        color: var(--color-tertiary-label);
        font-size: 12px;
        font-weight: 400;
        line-height: 120%
    }

    .reds-uploader__wrapper .reds-uploader__preview__mask.four {
        width: 100%;
        height: 100%
    }

    .reds-uploader__wrapper .reds-uploader__preview__mask.three {
        width: 100%;
        height: 100%
    }

    .reds-uploader__wrapper .reds-uploader__preview__mask.two {
        width: 100%;
        height: 100%
    }

    .reds-uploader__wrapper .reds-uploader__preview__mask .reds-progress-indicator__media-spinner path {
        fill:$AlwaysLightFill5
    }

    .reds-uploader__wrapper .reds-uploader__preview__mask__msg {
        margin: 0;
        margin-top: 6px
    }

    .reds-uploader__wrapper .image_loading {
        color: var(--color-tertiary-label);
        width: 100%;
        height: 100%;
        font-size: 12px;
        font-weight: 400;
        line-height: 120%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 6px
    }

    .reds-uploader__wrapper .image_loading .msg {
        margin: 0
    }

    .reds-tab-pane-list {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden
    }

    .reds-tab-pane-list:empty {
        height: 0
    }

    .reds-tab-pane-list::-webkit-scrollbar {
        display: none
    }

    .reds-tabs-list {
        display: flex;
        flex-wrap: nowrap;
        position: relative;
        font-size: 16px
    }

    .reds-tabs-list::-webkit-scrollbar {
        display: none
    }

    .reds-tabs-list > .active-tag {
        position: absolute;
        height: 40px;
        bottom: 0;
        background-color: var(--color-active-background);
        border-radius: 999px;
        pointer-events: none
    }

    .reds-tabs-list > .active-bar {
        position: absolute;
        bottom: .5em;
        height: 2px;
        background-color: #ff2e4d;
        border-radius: 2px;
        pointer-events: none
    }

    .reds-tabs-list > .reds-tab-item {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        height: 40px;
        cursor: pointer;
        color: var(--color-secondary-label);
        white-space: nowrap;
        transition: transform .3s cubic-bezier(.2, 0, .25, 1);
        z-index: 1
    }

    .reds-tabs-list > .reds-tab-item.active {
        font-weight: 600;
        color: var(--color-primary-label)
    }

    .reds-tabs-list.text > .reds-tab-item.active {
        transform: scale(1.28)
    }

    .reds-tabs-list.left {
        justify-content: flex-start
    }

    .reds-tabs-list.right {
        justify-content: flex-end
    }

    .reds-tabs-list.center {
        justify-content: center
    }

    .reds-tab-item {
        display: flex;
        align-items: center
    }

    .divider[data-v-39ecb380] {
        margin: 4px 8px;
        list-style: none;
        height: 0;
        border-color: var(--color-border);
        border-style: solid;
        border-width: 1px 0 0
    }

    .badge-container[data-v-0755b6ef] {
        position: relative
    }

    .count[data-v-0755b6ef] {
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 4px;
        min-width: 16px;
        height: 16px;
        border-radius: 999px;
        color: var(--color-white);
        background-color: var(--color-red);
        font-size: 12px;
        font-weight: 500;
        transform: translate(calc(100% - 4px), calc(-100% + 4px));
        z-index: 1
    }

    .dropdown-container[data-v-1b03e45c] {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 0;
        -webkit-user-select: none;
        user-select: none
    }

    .dropdown-items[data-v-1b03e45c] {
        padding: 4px;
        background: var(--elevation-high-background);
        box-shadow: var(--elevation-high-shadow);
        border-radius: 12px;
        min-width: 192px;
        overflow: scroll;
        z-index: 10;
        position: relative
    }

    .title[data-v-6a50ee07] {
        height: 32px;
        font-weight: 400;
        font-size: 12px;
        line-height: 120%;
        display: flex;
        color: var(--color-tertiary-label);
        padding: 9px 12px
    }

    .dropdown-container[data-v-141cfafe] {
        position: fixed;
        z-index: 10;
        left: 0;
        right: 0;
        top: 0;
        height: 0
    }

    .dropdown-items[data-v-141cfafe] {
        padding: 4px;
        background: var(--elevation-high-background);
        box-shadow: var(--elevation-high-shadow);
        border-radius: 12px;
        min-width: 192px;
        overflow: scroll;
        z-index: 10;
        position: relative
    }

    .right-icon[data-v-141cfafe] {
        visibility: hidden;
        opacity: 0;
        transition: opacity .5s;
        color: var(--color-quaternary-label)
    }

    .text[data-v-141cfafe] {
        flex-grow: 1;
        height: 100%;
        display: flex;
        align-items: center;
        color: var(--color-secondary-label)
    }

    li[data-v-141cfafe] {
        list-style: none;
        height: 40px;
        padding: 0 12px;
        display: flex;
        align-items: center;
        width: 100%;
        font-size: 16px;
        cursor: pointer
    }

    li[data-v-141cfafe]:hover {
        background: var(--color-active-background);
        border-radius: 8px;
        color: var(--color-primary-label)
    }

    li:hover .right-icon[data-v-141cfafe] {
        visibility: visible;
        opacity: 1
    }

    li:hover .text[data-v-141cfafe] {
        color: var(--color-primary-label)
    }

    .done[data-v-141cfafe] {
        color: var(--color-primary-label)
    }

    .selected[data-v-141cfafe] {
        color: var(--color-primary-label);
        font-weight: 600
    }

    .left-icon[data-v-141cfafe] {
        margin-right: 4px;
        color: var(--color-tertiary-label)
    }

    .msg-container[data-v-2a210922] {
        width: 100%;
        padding: 0 16px;
        height: 56px;
        justify-content: space-between;
        align-items: center;
        border-radius: 16px;
        background: var(--elevation-high-background);
        box-shadow: var(--elevation-high-shadow);
        display: flex;
        justify-content: space-between;
        font-size: 16px;
        overflow: hidden;
        cursor: pointer
    }

    .msg-container:hover .right-area[data-v-2a210922] {
        color: var(--color-secondary-label)
    }

    .msg-container.fade-in[data-v-2a210922] {
        animation: fadeIn-2a210922 .15s linear
    }

    @keyframes fadeIn-2a210922 {
        0% {
            opacity: 0;
            transform: translateY(16px)
        }
        100% {
            opacity: 1;
            transform: translateY(0)
        }
    }

    .msg-container.fade-out[data-v-2a210922] {
        animation: fadeOut-2a210922 .15s linear
    }

    @keyframes fadeOut-2a210922 {
        0% {
            opacity: 1;
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            transform: translateY(16px)
        }
    }

    .msg-container .left-area[data-v-2a210922] {
        display: flex;
        align-items: center;
        color: var(--color-primary-label)
    }

    .msg-container .left-area .text[data-v-2a210922] {
        margin-left: 8px;
        font-weight: 600
    }

    .msg-container .right-area[data-v-2a210922] {
        color: var(--color-tertiary-label);
        display: flex;
        align-items: center
    }

    .text-limit[data-v-09155e13] {
        color: var(--color-tertiary-label)
    }

    .over-limit[data-v-09155e13] {
        color: var(--color-red)
    }

    .input-basic[data-v-8da5899a] {
        display: flex;
        flex-direction: column
    }

    .input-basic.input-direction[data-v-8da5899a] {
        flex-direction: row
    }

    .input-label[data-v-8da5899a] {
        padding: 0 4px;
        margin-bottom: 8px;
        color: var(--color-secondary-label);
        font-size: 14px;
        line-height: 120%;
        font-weight: 500;
        display: flex;
        justify-content: space-between
    }

    .input-wrapper[data-v-8da5899a] {
        background: var(--color-active-background);
        flex: 1;
        border-radius: 12px;
        min-height: 40px;
        overflow: hidden
    }

    .input-wrapper-row[data-v-8da5899a] {
        background: transparent
    }

    .input-content[data-v-8da5899a] {
        width: 100%;
        height: 40px;
        padding: 0 12px;
        caret-color: var(--color-red);
        color: var(--color-primary-label);
        font-size: 16px
    }

    .input-contentplaceholder[data-v-8da5899a] {
        color: var(--color-quaternary-label);
        font-size: 16px
    }

    .textarea-content[data-v-8da5899a] {
        caret-color: var(--color-red);
        width: 100%;
        border: none;
        background: transparent;
        color: var(--color-primary-label);
        font-size: 16px;
        padding: 12px;
        resize: none;
        outline: none
    }

    .textarea-contentplaceholder[data-v-8da5899a] {
        color: var(--color-quaternary-label);
        font-size: 16px
    }

    .limit-wrapper[data-v-8da5899a] {
        flex: 0 0 auto;
        display: flex;
        align-items: center
    }

    .dot-container[data-v-147b1aa0] {
        display: inline-flex;
        align-items: center;
        position: relative;
        cursor: pointer;
        border: 1px solid var(--color-shadow-border);
        border-radius: 999px;
        width: 32px;
        height: 20px;
        transition: all .15s;
        background-color: var(--color-active-background);
        justify-content: center
    }

    .dot-container .dot[data-v-147b1aa0] {
        fill: var(--color-white);
        filter: drop-shadow(0 4px 32px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 4px rgba(0, 0, 0, 0.04));
        transform: translateX(calc(-50% + 2px));
        transition: transform .15s
    }

    .dot-container.turn-on[data-v-147b1aa0] {
        background-color: var(--color-red)
    }

    .dot-container.turn-on .dot[data-v-147b1aa0] {
        transform: translateX(calc(50% - 2px))
    }

    .dot-container.disabled[data-v-147b1aa0] {
        opacity: .4;
        cursor: not-allowed
    }

    .back-icon-tip-container[data-v-d33abd98] {
        position: absolute;
        width: 73px;
        height: 28px;
        padding: 2px 4px 2px 8px;
        border: 1px solid var(--color-border);
        box-shadow: var(--elevation-low-shadow);
        background: var(--elevation-low-background);
        font-size: 12px;
        color: var(--color-secondary-label);
        display: flex;
        align-items: center;
        border-radius: 8px;
        top: 46px
    }

    @media screen and (max-width: 959px) {
        .back-icon-tip-container[data-v-d33abd98] {
            left: -4px
        }
    }

    .esc[data-v-d33abd98] {
        height: 20px;
        color: var(--color-tertiary-label);
        padding: 0 4px;
        display: flex;
        align-items: center;
        background: var(--color-active-background);
        border-radius: 4px;
        margin-left: 4px
    }

    .close-box[data-v-6c30aded] {
        width: 40px;
        height: 40px;
        cursor: pointer;
        display: none;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        background: var(--color-background);
        color: var(--color-secondary-label);
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        margin: 12px;
        z-index: 5
    }

    .close-box[data-v-6c30aded]:hover {
        background: var(--color-active-background);
        color: var(--color-primary-label)
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .close-box[data-v-6c30aded] {
            display: flex
        }
    }

    @media screen and (max-width: 695px) {
        .close-box[data-v-6c30aded] {
            display: flex
        }
    }

    .close-circle[data-v-6c30aded] {
        position: fixed;
        display: flex;
        z-index: 100;
        cursor: pointer
    }

    @media screen and (min-width: 1728px) {
        .close-circle[data-v-6c30aded] {
            left: 32px;
            top: 32px
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 1727px) {
        .close-circle[data-v-6c30aded] {
            left: 32px;
            top: 32px
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .close-circle[data-v-6c30aded] {
            left: 24px;
            top: 24px
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .close-circle[data-v-6c30aded] {
            left: 24px;
            top: 24px
        }
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .close-circle[data-v-6c30aded] {
            display: none
        }
    }

    @media screen and (max-width: 695px) {
        .close-circle[data-v-6c30aded] {
            display: none
        }
    }

    .close[data-v-6c30aded] {
        display: flex;
        align-items: center;
        justify-content: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        background: var(--color-background);
        color: var(--color-secondary-label);
        width: 40px;
        height: 40px;
        border-radius: 40px;
        cursor: pointer;
        transition: all .3s
    }

    .close-mask-dark[data-v-6c30aded] {
        color: var(--color-white);
        background: var(--material-background);
        -webkit-backdrop-filter: var(--material-filter);
        backdrop-filter: var(--material-filter)
    }

    .explore-more[data-v-6c30aded] {
        background-color: var(--elevation-high-background);
        padding: 0 12px 0 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 12px;
        box-shadow: var(--elevation-high-shadow);
        white-space: nowrap;
        height: 40px
    }

    .triangle[data-v-6c30aded] {
        margin-top: 8px;
        margin-left: 2px;
        width: 6px;
        z-index: 5;
        color: var(--color-background);
        box-shadow: var(--elevation-high-shadow)
    }

    .text[data-v-6c30aded] {
        color: var(--color-primary-label);
        font-size: 16px;
        font-weight: 600;
        margin-left: 8px
    }

    .mild.close-circle[data-v-6c30aded] {
        transition: none
    }

    @media screen and (min-width: 1728px) {
        .mild.close-circle[data-v-6c30aded] {
            top: calc(56px + 32px)
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 1727px) {
        .mild.close-circle[data-v-6c30aded] {
            top: calc(56px + 32px)
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .mild.close-circle[data-v-6c30aded] {
            top: calc(56px + 24px)
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .mild.close-circle[data-v-6c30aded] {
            top: calc(56px + 24px)
        }
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .mild.close-circle[data-v-6c30aded] {
            display: none
        }
    }

    @media screen and (max-width: 695px) {
        .mild.close-circle[data-v-6c30aded] {
            display: none
        }
    }

    .force-hidden[data-v-6c30aded] {
        display: none
    }

    .force-visible[data-v-6c30aded] {
        display: flex
    }

    .course-video[data-v-23ff9ac6] {
        overflow: hidden
    }

    .course-video .animate[data-v-23ff9ac6] {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .flex-center[data-v-23ff9ac6] {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .course-trigger[data-v-23ff9ac6] {
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
        color: var(--color-secondary-label);
        cursor: pointer
    }

    .course-trigger .play[data-v-23ff9ac6] {
        margin-right: 7px;
        color: var(--color-quaternary-label)
    }

    .course-trigger[data-v-23ff9ac6]:hover {
        color: var(--color-primary-label)
    }

    .tutorial[data-v-23ff9ac6] {
        background-color: var(--color-active-background)
    }

    .access-container[data-v-7aee5252], .access-wrapper[data-v-7aee5252] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .title[data-v-7aee5252] {
        margin-bottom: 32px;
        font-size: 20px;
        font-weight: 600;
        color: var(--color-primary-label)
    }

    .flex-center[data-v-7aee5252] {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .tip-text[data-v-7aee5252] {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        margin-top: 16px;
        margin-bottom: 18px;
        font-size: 16px;
        color: var(--color-secondary-label)
    }

    .qrcode-box[data-v-7aee5252] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .qrcode-img-box[data-v-7aee5252] {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 160px;
        height: 160px;
        border: 2px solid var(--color-shadow-border);
        border-radius: 12px;
        box-shadow: var(--elevation-high-shadow);
        background: var(--color-white)
    }

    .qrcode-img-box .qrcode-img[data-v-7aee5252] {
        width: 128px;
        height: 128px
    }

    .bottom-btn-group[data-v-7aee5252] {
        display: flex;
        align-items: center;
        margin-top: 16px
    }

    .feedback-btn[data-v-7aee5252] {
        padding: 11px 17px;
        margin-right: 16px;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
        color: var(--color-secondary-label)
    }

    .btn-close[data-v-7aee5252] {
        cursor: pointer;
        padding: 10px 16px;
        border-radius: 20px;
        font-size: 16px;
        border: 1px solid var(--color-border);
        color: var(--color-secondary-label)
    }

    [data-v-5f656e39] .full-page .reds-mask {
        background: transparent
    }

    [data-v-5f656e39] .access-modal.gray {
        filter: grayscale(0.95)
    }

    .fade-enter-active[data-v-5f656e39], .fade-leave-active[data-v-5f656e39] {
        transition: all .2s
    }

    .fade-enter-from[data-v-5f656e39], .fade-leave-to[data-v-5f656e39] {
        opacity: 0
    }

    .fade-enter-from .access-modal-content[data-v-5f656e39], .fade-leave-to .access-modal-content[data-v-5f656e39] {
        transform: translateY(5px)
    }

    .access-modal-content[data-v-5f656e39] {
        display: flex;
        justify-content: center;
        position: relative;
        background: var(--elevation-high-background);
        border-radius: 20px;
        box-shadow: var(--elevation-high-shadow);
        transition: transform .2s;
        transition: height .6s
    }

    @media screen and (min-width: 1728px) {
        .access-modal-content[data-v-5f656e39] {
            height: calc(100% - 2 * 32px)
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 1727px) {
        .access-modal-content[data-v-5f656e39] {
            height: calc(100% - 2 * 32px)
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .access-modal-content[data-v-5f656e39] {
            height: calc(100% - 2 * 24px)
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .access-modal-content[data-v-5f656e39] {
            height: calc(100% - 2 * 24px)
        }
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .access-modal-content[data-v-5f656e39] {
            height: 100%;
            width: 100%;
            border: 0;
            flex-direction: column;
            overflow: scroll;
            box-shadow: none;
            border-radius: 0;
            transition: none
        }
    }

    @media screen and (max-width: 695px) {
        .access-modal-content[data-v-5f656e39] {
            box-shadow: none;
            height: 100%;
            width: 100%;
            border-radius: 0;
            border: 0;
            flex-direction: column;
            overflow: scroll;
            transition: none
        }
    }

    .access-modal-content .button[data-v-5f656e39] {
        position: absolute;
        top: 8px;
        cursor: pointer;
        color: var(--color-secondary-label)
    }

    .access-modal-content .button[data-v-5f656e39]:hover {
        color: var(--color-primary-label);
        border-radius: 999px;
        background: var(--color-active-background)
    }

    .access-modal-content .button.close[data-v-5f656e39] {
        right: 8px
    }

    .access-modal-content .button.back[data-v-5f656e39] {
        left: 8px
    }

    .multistage-toggle[data-v-f17b9244] {
        position: relative;
        background: var(--color-active-background);
        display: flex();
        padding: 2px;
        border-radius: 999px;
        cursor: pointer
    }

    .toggle-item[data-v-f17b9244] {
        border-radius: 999px;
        background: transparent;
        color: var(--color-tertiary-label)
    }

    .toggle-item[data-v-f17b9244]:hover {
        color: var(--color-primary-label)
    }

    .toggle-item.active[data-v-f17b9244] {
        background: var(--elevation-low-background);
        box-shadow: var(--elevation-low-shadow);
        color: var(--color-primary-label)
    }

    .icon-wrapper[data-v-f17b9244] {
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }

    .method-desc[data-v-f17b9244] {
        bottom: 32px;
        white-space: nowrap;
        position: absolute;
        border: 1px solid var(--color-border);
        box-shadow: var(--elevation-low-shadow);
        border-radius: 6px;
        font-size: 12px;
        padding: 5.5px 8px 5.5px 8px;
        background: var(--elevation-high-background);
        line-height: 140%;
        color: var(--color-secondary-label)
    }

    li[data-v-13c4f3b9] {
        list-style: none
    }

    ul[data-v-13c4f3b9] {
        margin: 0;
        padding: 0
    }

    .text-active[data-v-13c4f3b9] {
        color: var(--color-tertiary-label)
    }

    @media screen and (min-width: 960px) {
        .text-active[data-v-13c4f3b9] {
            color: var(--color-primary-label)
        }

        .text-active.active[data-v-13c4f3b9] {
            color: var(--color-primary-label)
        }
    }

    .bg-active[data-v-13c4f3b9] {
        color: var(--color-primary-label)
    }

    @media screen and (min-width: 960px) {
        .bg-active[data-v-13c4f3b9] {
            background-color: var(--color-active-background);
            border-radius: 999px
        }
    }

    .tertiary-label[data-v-13c4f3b9] {
        color: var(--color-tertiary-label) !important
    }

    .initial-bg[data-v-13c4f3b9] {
        background: var(--color-background)
    }

    li[data-v-a93a7d02] {
        list-style: none
    }

    ul[data-v-a93a7d02] {
        margin: 0;
        padding: 0
    }

    .channel[data-v-a93a7d02] {
        font-size: 16px;
        font-weight: 600;
        margin-left: 14px;
        color: var(--color-primary-label)
    }

    .user[data-v-a93a7d02] {
        position: relative
    }

    .login-btn[data-v-a93a7d02] {
        font-size: 16px;
        height: 48px;
        width: 100%;
        font-weight: 600;
        margin-bottom: 8px
    }

    .side-bar-component[data-v-a93a7d02] {
        display: flex
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .side-bar-component[data-v-a93a7d02] {
            display: none
        }
    }

    @media screen and (max-width: 695px) {
        .side-bar-component[data-v-a93a7d02] {
            display: none
        }
    }

    .bottom-menu-component[data-v-a93a7d02] {
        display: none
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .bottom-menu-component[data-v-a93a7d02] {
            display: flex
        }
    }

    @media screen and (max-width: 695px) {
        .bottom-menu-component[data-v-a93a7d02] {
            display: flex
        }
    }

    .banned-title[data-v-7a413e2c] {
        font-weight: 500
    }

    [data-v-7a413e2c] .reds-alert-title {
        padding-bottom: 4px !important
    }

    .text[data-v-7a413e2c] {
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        color: var(--color-tertiary-label);
        padding: 0 20px 20px
    }

    .reason[data-v-7a413e2c] {
        font-weight: 500;
        color: var(--color-primary-label)
    }

    .link[data-v-7a413e2c] {
        color: var(--color-link);
        font-weight: 500
    }

    .center[data-v-7a413e2c] {
        text-align: center
    }

    .anchor[data-v-5cde0260] {
        position: relative
    }

    .anchor .share-icon[data-v-5cde0260] {
        color: var(--color-secondary-label)
    }

    .anchor .share-icon[data-v-5cde0260]:hover {
        color: var(--color-primary-label)
    }

    .share-container[data-v-5cde0260] {
        position: absolute;
        bottom: 36px;
        left: 50%;
        transform: translateX(-50%)
    }

    .share-container.bottom[data-v-5cde0260] {
        top: 41px
    }

    .share-wrapper[data-v-5cde0260] {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 16px;
        width: 240px;
        background: var(--elevation-high-background);
        box-shadow: var(--elevation-high-shadow);
        border-radius: 12px
    }

    .share-wrapper .share-wrapper-header[data-v-5cde0260] {
        color: var(--color-primary-label);
        font-weight: 600;
        font-size: 16px;
        line-height: 120%
    }

    .share-wrapper .text[data-v-5cde0260] {
        margin: 8px 0;
        font-size: 14px;
        line-height: 120%;
        color: var(--color-tertiary-label);
        text-align: center
    }

    .qrcode-wrapper[data-v-5cde0260] {
        margin-top: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px;
        background-color: var(--color-white);
        border-radius: 8px;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 1px 2px 0 rgba(0, 0, 0, 0.02)
    }

    .qrcode-wrapper .Qr-code[data-v-5cde0260] {
        width: 128px;
        height: 128px
    }

    .qrcode-wrapper .Qr-code img[data-v-5cde0260] {
        width: 100%;
        height: 100%
    }

    .share-tools[data-v-5cde0260] {
        padding: 6px;
        width: 100%;
        height: 56px;
        border-top: 1px solid var(--color-border);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 8px
    }

    .share-tools .reds-button-new[data-v-5cde0260] {
        cursor: pointer;
        color: var(--color-secondary-label)
    }

    [data-v-fc1041fa] .reds-button-new:hover {
        background: var(--color-active-background)
    }

    [data-v-fc1041fa] .reds-button-new:active {
        background: var(--color-active-background);
        color: var(--color-primary-label)
    }

    .container[data-v-fc1041fa] {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        background: var(--color-background);
        z-index: 15
    }

    .container iframe[data-v-fc1041fa] {
        width: 100%;
        flex-grow: 1;
        outline: none;
        border: 0;
        margin: 0
    }

    .container svg[data-v-fc1041fa] {
        cursor: pointer;
        opacity: .8;
        color: var(--color-secondary-label)
    }

    .container .header[data-v-fc1041fa] {
        display: flex;
        align-items: center;
        -webkit-user-select: none;
        user-select: none;
        flex-shrink: 0;
        height: 40px;
        margin-bottom: 8px
    }

    .container .header .title[data-v-fc1041fa] {
        flex: 1;
        text-align: center;
        color: var(--color-primary-label);
        font-size: 16px;
        font-weight: 600
    }

    .container .header .left[data-v-fc1041fa], .container .header .right[data-v-fc1041fa] {
        flex: 1;
        display: flex;
        align-items: center
    }

    .container .header .left .close-icon[data-v-fc1041fa], .container .header .right .close-icon[data-v-fc1041fa] {
        color: var(--color-secondary-label)
    }

    .container .header .left .close-icon[data-v-fc1041fa]:hover, .container .header .right .close-icon[data-v-fc1041fa]:hover {
        color: var(--color-primary-label)
    }

    .container .header .right[data-v-fc1041fa] {
        justify-content: flex-end
    }

    .container .header .dragger[data-v-fc1041fa] {
        color: var(--color-quaternary-label)
    }

    .container .header .dragger[data-v-fc1041fa]:hover {
        color: var(--color-tertiary-label);
        cursor: grab
    }

    .container .header .dragger.dragging[data-v-fc1041fa] {
        color: var(--color-tertiary-label);
        cursor: grabbing
    }

    @media screen and (min-width: 960px) {
        .container[data-v-fc1041fa] {
            width: 440px;
            height: calc(100vh - 64px);
            margin: 32px 0;
            padding: 8px;
            border-radius: 20px;
            box-shadow: var(--elevation-high-shadow);
            left: calc(100% - 440px);
            transform: translateX(-32px);
            transition: left .3s ease, transform .3s ease, box-shadow .3s ease
        }

        .container.out[data-v-fc1041fa] {
            transform: translateX(100%);
            box-shadow: none
        }

        .container.left[data-v-fc1041fa] {
            left: 0;
            transform: translateX(32px)
        }

        .container.left.out[data-v-fc1041fa] {
            transform: translateX(-100%);
            box-shadow: none
        }

        .container iframe[data-v-fc1041fa] {
            border-radius: 12px
        }

        .container .fullscreen-header[data-v-fc1041fa] {
            display: none
        }
    }

    @media screen and (max-width: 959px) {
        .container[data-v-fc1041fa] {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            border-radius: 0;
            left: 0
        }

        .container.out[data-v-fc1041fa] {
            display: none
        }

        .container .panel-header[data-v-fc1041fa] {
            display: none
        }
    }

    .center-modal-container[data-v-7cccb6db] {
        background: var(--elevation-high-background);
        border-radius: 16px;
        -webkit-user-select: none;
        user-select: none
    }

    @media screen and (min-width: 1424px) {
        .center-modal-container[data-v-7cccb6db] {
            width: 440px
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .center-modal-container[data-v-7cccb6db] {
            width: 400px
        }
    }

    @media screen and (min-width: 696px) and (max-width: 1191px) {
        .center-modal-container[data-v-7cccb6db] {
            width: 360px
        }
    }

    @media screen and (max-width: 695px) {
        .center-modal-container[data-v-7cccb6db] {
            width: 320px
        }
    }

    .header[data-v-7cccb6db] {
        height: 56px;
        padding: 8px;
        display: flex;
        flex-wrap: nowrap;
        position: relative;
        justify-content: center
    }

    .text[data-v-7cccb6db] {
        color: var(--color-primary-label);
        font-weight: 600;
        font-size: 16px;
        display: flex;
        align-items: center
    }

    .close-container[data-v-7cccb6db] {
        right: 8px;
        width: 40px;
        height: 40px;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--color-secondary-label);
        cursor: pointer
    }

    .close-container[data-v-7cccb6db]:hover {
        background: var(--color-active-background);
        border-radius: 999px;
        color: var(--color-primary-label)
    }

    .content[data-v-4492decc] {
        display: flex;
        flex-direction: column
    }

    .desc-container[data-v-4492decc] {
        padding: 24px
    }

    .title[data-v-4492decc] {
        text-align: center;
        color: var(--color-primary-label);
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 12px;
        -webkit-user-select: text;
        user-select: text
    }

    .text[data-v-4492decc] {
        text-align: center;
        color: var(--color-secondary-label);
        font-size: 14px;
        -webkit-user-select: text;
        user-select: text
    }

    .btn-container[data-v-4492decc] {
        padding: 0 48px 48px 48px;
        display: flex;
        justify-content: center
    }

    .btn[data-v-4492decc] {
        color: var(--color-secondary-label);
        font-size: 16px;
        height: 48px;
        padding: 0 24px;
        border-radius: 999px;
        border: 1px solid var(--color-border);
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
        cursor: pointer;
        white-space: nowrap
    }

    .btn[data-v-4492decc]:hover {
        color: var(--color-primary-label);
        background: var(--color-active-background)
    }

    .video[data-v-4492decc] {
        border-bottom: 1px solid var(--color-shadow-border)
    }

    .content[data-v-402e9182] {
        display: flex;
        flex-direction: column
    }

    .desc-container[data-v-402e9182] {
        padding: 24px
    }

    .title[data-v-402e9182] {
        text-align: center;
        color: var(--color-primary-label);
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 12px;
        -webkit-user-select: text;
        user-select: text
    }

    .text[data-v-402e9182] {
        text-align: center;
        color: var(--color-secondary-label);
        font-size: 14px;
        -webkit-user-select: text;
        user-select: text
    }

    .btn-container[data-v-402e9182] {
        padding: 0 48px 48px 48px;
        display: flex;
        justify-content: center
    }

    .btn[data-v-402e9182] {
        color: var(--color-secondary-label);
        font-size: 16px;
        height: 48px;
        padding: 0 24px;
        border-radius: 999px;
        border: 1px solid var(--color-border);
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
        white-space: nowrap;
        cursor: pointer
    }

    .btn[data-v-402e9182]:hover {
        color: var(--color-primary-label);
        background: var(--color-active-background)
    }

    .video[data-v-402e9182] {
        border-bottom: 1px solid var(--color-shadow-border)
    }

    .keyboard[data-v-c42b1888] {
        background-color: var(--color-primary-label);
        color: var(--color-inverted-label);
        height: 24px;
        min-width: 24px;
        line-height: 24px;
        display: inline-block;
        padding: 0 8px;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500
    }

    .icon-container[data-v-c42b1888] {
        height: 24px;
        width: 24px;
        display: inline-flex;
        justify-content: center;
        align-items: center
    }

    .inverted[data-v-c42b1888] {
        background-color: transparent;
        color: var(--color-secondary-label)
    }

    .square[data-v-c42b1888] {
        width: 24px;
        display: flex;
        padding: 0;
        justify-content: center
    }

    .desc[data-v-667f1520] {
        display: flex;
        align-items: center;
        font-size: 16px;
        color: var(--color-secondary-label)
    }

    .content[data-v-667f1520] {
        height: 440px;
        padding: 24px
    }

    .keyboard-container[data-v-667f1520] {
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px
    }

    .keyboard-container.not-first[data-v-667f1520] {
        margin-top: 12px
    }

    .keys-container[data-v-667f1520] {
        display: flex
    }

    .guide[data-v-20b84cf1] {
        width: 200px;
        height: 200px
    }

    .container[data-v-20b84cf1] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .desc[data-v-20b84cf1] {
        font-size: 18px;
        font-weight: 600;
        color: var(--color-white);
        margin-top: 24px
    }

    .container[data-v-0eb6247e] {
        padding-bottom: 100%;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 16px;
        position: relative;
        cursor: pointer
    }

    .container[data-v-0eb6247e]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: background-color .2s;
        background-color: transparent;
        -webkit-transform: translate3d(0, 0, 0);
        border-radius: 16px
    }

    .container[data-v-0eb6247e]:hover::after {
        background-color: var(--mask-note-card)
    }

    .container.higher[data-v-0eb6247e] {
        padding-bottom: 133%
    }

    .container.wider[data-v-0eb6247e] {
        padding-bottom: 75%
    }

    .container .content[data-v-0eb6247e] {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 12px;
        display: flex;
        align-items: flex-end
    }

    .container .content .title[data-v-0eb6247e] {
        flex-grow: 1;
        margin-right: 8px;
        font-size: 14px;
        color: var(--color-white)
    }

    .container .content .tag[data-v-0eb6247e] {
        width: 40px;
        height: 24px;
        font-size: 12px;
        line-height: 24px;
        color: var(--color-white);
        background: var(--material-background);
        -webkit-backdrop-filter: var(--material-filter);
        backdrop-filter: var(--material-filter);
        border-radius: 12px;
        text-align: center
    }

    [data-v-c1dba808] .reds-mask {
        background: var(--mask-backdrop)
    }

    .activity-modal[data-v-c1dba808] {
        z-index: 100011
    }

    .acrivity-container[data-v-c1dba808] {
        cursor: pointer;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 50%;
        border-radius: 20px
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .acrivity-container[data-v-c1dba808] {
            width: 60%
        }
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .acrivity-container[data-v-c1dba808] {
            width: 70%
        }
    }

    @media screen and (max-width: 695px) {
        .acrivity-container[data-v-c1dba808] {
            width: 100%
        }
    }

    .acrivity-container .image[data-v-c1dba808] {
        border-radius: 20px;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .acrivity-container .open-area[data-v-c1dba808] {
        position: absolute;
        bottom: 0;
        transform: translate(0, 50%)
    }

    .acrivity-container .open-area .open-button[data-v-c1dba808] {
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        background: var(--elevation-high-background);
        font-size: 16px;
        color: var(--color-secondary-label);
        border-radius: 999px;
        height: 48px
    }

    .acrivity-container .open-area .open-button .icon[data-v-c1dba808] {
        margin-left: 8px;
        opacity: .3
    }

    .acrivity-container .open-area .cta-image[data-v-c1dba808] {
        min-height: 44px;
        max-height: 52px;
        object-fit: cover
    }

    .close-button[data-v-c1dba808] {
        position: absolute;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 16px;
        right: var(--25d9dc56);
        height: 40px;
        width: 88px;
        background: var(--elevation-high-background);
        border-radius: 999px;
        font-weight: 400;
        font-size: 16px;
        color: var(--color-secondary-label)
    }

    .close-button.hoverable[data-v-c1dba808] {
        color: var(--color-primary-label)
    }

    .close-button .countdown[data-v-c1dba808] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        margin-left: 6px;
        border-radius: 999px;
        background: var(--color-active-background);
        white-space: nowrap
    }

    .close-button .countdown.hoverable[data-v-c1dba808] {
        background: transparent;
        color: var(--color-secondary-label)
    }

    .onebox[data-v-70ee96be] {
        display: flex;
        align-items: center;
        width: 100%;
        height: 104px;
        padding-left: 12px
    }

    .onebox .image[data-v-70ee96be] {
        border: 1px solid var(--color-shadow-border);
        border-radius: 8px;
        object-fit: cover
    }

    .onebox .title-wrapper[data-v-70ee96be] {
        margin-left: 16px;
        font-weight: 600;
        font-size: 18px;
        line-height: 120%;
        color: var(--color-primary-label)
    }

    .onebox .title-wrapper .sub-title[data-v-70ee96be] {
        margin-top: 9px;
        font-weight: 400;
        font-size: 14px;
        line-height: 120%;
        color: var(--color-tertiary-label)
    }

    .onebox .button[data-v-70ee96be] {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        padding: 0 16px;
        border: 1px solid var(--color-border);
        border-radius: 999px;
        font-weight: 400;
        font-size: 16px;
        line-height: 120%;
        color: var(--color-secondary-label);
        margin: 0 24px 0 auto
    }

    .onebox .button[data-v-70ee96be]:hover {
        color: var(--color-primary-label)
    }

    .spinner[data-v-1c901116] {
        animation: spin-1c901116 .6s ease-in-out infinite;
        width: 24px;
        height: 24px;
        margin-top: -16px;
        opacity: var(--c989fa5a);
        transition: opacity .45s ease-in-out
    }

    .loading-container[data-v-1c901116] {
        width: 100%;
        transition: height .45s ease-in-out;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: var(--color-secondary-label)
    }

    @keyframes spin-1c901116 {
        0% {
            transform: rotate(0deg)
        }
        100% {
            transform: rotate(360deg)
        }
    }

    .error[data-v-22d432c2] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100vw;
        max-width: 100%;
        height: calc(100vh - 88px);
        background: var(--color-background)
    }

    .error section[data-v-22d432c2] {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .error img[data-v-22d432c2] {
        width: 160px
    }

    .error .message[data-v-22d432c2] {
        margin-top: 40px;
        font-size: 14px;
        line-height: 18px;
        color: var(--color-tertiary-label)
    }

    .error .button[data-v-22d432c2] {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 16px;
        width: 96px;
        height: 36px;
        border: 1px solid var(--color-red);
        border-radius: 20px;
        font-weight: 500;
        font-size: 14px;
        color: var(--color-red);
        cursor: pointer
    }

    .content-container[data-v-da963056] {
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        color: var(--color-secondary-label)
    }

    .channel-scroll-container[data-v-c69fb658] {
        overflow: hidden;
        display: flex;
        user-select: none;
        -webkit-user-select: none;
        align-items: center;
        font-size: 16px;
        color: var(--color-secondary-label);
        height: 40px;
        white-space: nowrap;
        height: 72px
    }

    .channel-scroll-container.gray[data-v-c69fb658] {
        filter: grayscale(0.95)
    }

    .channel[data-v-c69fb658] {
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 16px;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none
    }

    .channel[data-v-c69fb658]:hover {
        background: var(--color-active-background);
        border-radius: 999px;
        color: var(--color-primary-label)
    }

    .active[data-v-c69fb658] {
        background: var(--color-active-background);
        border-radius: 999px;
        color: var(--color-primary-label);
        font-weight: 600
    }

    .vertical-channel-bg[data-v-c69fb658]:hover {
        background: var(--color-vertical-channel)
    }

    .vertical-channel-bg[data-v-c69fb658] {
        padding: 0 16px 0 12px
    }

    [data-v-c69fb658] .vertical-channel-bg.active {
        background: var(--color-vertical-channel) !important
    }

    .wrapper[data-v-56cede88] {
        width: var(--columnWidth)
    }

    .wrapper .cover[data-v-56cede88] {
        background: var(--color-active-background);
        width: 100%;
        height: var(--d49b5fbe);
        border-radius: var(--note-card-corner-radius)
    }

    .wrapper .interact[data-v-56cede88] {
        width: 100%;
        padding: 12px
    }

    .wrapper .interact .title[data-v-56cede88] {
        background: var(--color-active-background);
        width: 75%;
        height: 14px;
        margin-bottom: 12px;
        border-radius: var(--note-card-corner-radius)
    }

    .wrapper .interact .author[data-v-56cede88] {
        background: var(--color-active-background);
        width: 35%;
        height: 14px;
        border-radius: var(--note-card-corner-radius)
    }

    .skeleton-container[data-v-2001e7e1] {
        column-count: var(--feeds-columns);
        column-gap: calc(var(--horizontal) * 1px);
        grid-auto-flow: dense;
        margin: 0 auto
    }

    .skeleton-container .skeleton-item[data-v-2001e7e1] {
        margin-bottom: calc(var(--vertical) * 1px);
        display: block;
        width: 100%;
        break-inside: avoid
    }

    .back-top[data-v-4559bcd4] {
        pointer-events: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border: 1px solid var(--color-border);
        box-shadow: var(--elevation-low-shadow);
        border-radius: 44px;
        cursor: pointer;
        opacity: 0;
        color: var(--color-secondary-label);
        z-index: 10;
        background: var(--elevation-low-background)
    }

    .back-top.active[data-v-4559bcd4] {
        pointer-events: auto;
        visibility: visible;
        opacity: 1
    }

    .back-top .btn-wrapper[data-v-4559bcd4] {
        width: 100%;
        height: 100%;
        border-radius: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-background)
    }

    .back-top .btn-wrapper[data-v-4559bcd4]:hover {
        background: var(--color-active-background);
        color: var(--color-primary-label)
    }

    .tip-container[data-v-4559bcd4] {
        position: absolute;
        height: 28px;
        padding: 0 8px;
        border: 1px solid var(--color-border);
        box-shadow: var(--elevation-low-shadow);
        background: var(--elevation-low-background);
        font-size: 12px;
        color: var(--color-secondary-label);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        right: 48px;
        visibility: hidden
    }

    .tip-container .tip-text[data-v-4559bcd4] {
        width: 100%;
        white-space: nowrap;
        line-height: 140%
    }

    .back-top:hover .tip-container[data-v-4559bcd4] {
        visibility: visible
    }

    .floating-btn-sets[data-v-2ed9bdf4] {
        position: fixed;
        display: flex;
        flex-direction: column;
        width: 40px;
        gap: 8px;
        right: var(--horizontalGapPx);
        bottom: var(--horizontalGapPx)
    }

    @media screen and (max-width: 959px) {
        .floating-btn-sets[data-v-2ed9bdf4] {
            bottom: calc(48px + var(--horizontal) * 1px)
        }
    }

    .nio-btn-sets[data-v-2ed9bdf4] {
        left: 24px !important;
        bottom: 72px !important
    }

    .reload[data-v-173cc1c4] {
        width: 40px;
        height: 40px;
        background: var(--elevation-low-background);
        border: 1px solid var(--color-border);
        box-shadow: var(--elevation-low-shadow);
        border-radius: 100px;
        color: var(--color-secondary-label);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background .2s;
        cursor: pointer
    }

    .reload .btn-wrapper[data-v-173cc1c4] {
        width: 100%;
        height: 100%;
        border-radius: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-background)
    }

    .reload .btn-wrapper[data-v-173cc1c4]:hover {
        background: var(--color-active-background);
        color: var(--color-primary-label)
    }

    .tip-container[data-v-173cc1c4] {
        position: absolute;
        height: 28px;
        padding: 0 8px;
        border: 1px solid var(--color-border);
        box-shadow: var(--elevation-low-shadow);
        background: var(--elevation-low-background);
        font-size: 12px;
        color: var(--color-secondary-label);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        right: 48px;
        visibility: hidden
    }

    .tip-container .tip-text[data-v-173cc1c4] {
        width: 100%;
        white-space: nowrap;
        line-height: 140%
    }

    .reload:hover .tip-container[data-v-173cc1c4] {
        visibility: visible
    }

    .graphic-filter[data-v-a4fa5cbc] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border: 1px solid var(--color-border);
        box-shadow: var(--elevation-low-shadow);
        border-radius: 44px;
        cursor: pointer;
        z-index: 10;
        background: var(--elevation-low-background)
    }

    .graphic-filter.checked-border[data-v-a4fa5cbc] {
        border: 1px solid var(--color-secondary-label)
    }

    .graphic-filter.checked-border[data-v-a4fa5cbc]:hover {
        border: 1px solid var(--color-primary-label)
    }

    .graphic-filter .btn-wrapper[data-v-a4fa5cbc] {
        width: 100%;
        height: 100%;
        border-radius: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-secondary-label)
    }

    .graphic-filter .btn-wrapper[data-v-a4fa5cbc]:hover {
        background: var(--color-active-background);
        color: var(--color-primary-label)
    }

    .tip-container[data-v-a4fa5cbc] {
        position: absolute;
        height: 28px;
        padding: 0 8px;
        border: 1px solid var(--color-border);
        box-shadow: var(--elevation-low-shadow);
        background: var(--elevation-low-background);
        font-size: 12px;
        color: var(--color-secondary-label);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        right: 48px;
        visibility: hidden
    }

    .tip-container .tip-text[data-v-a4fa5cbc] {
        width: 100%;
        white-space: nowrap;
        line-height: 140%
    }

    .graphic-filter:hover .tip-container[data-v-a4fa5cbc] {
        visibility: visible
    }

    .spinner[data-v-a4fa5cbc] {
        animation: spin-a4fa5cbc .6s ease-in-out infinite;
        transition: opacity .45s ease-in-out
    }

    @keyframes spin-a4fa5cbc {
        0% {
            transform: rotate(0deg)
        }
        100% {
            transform: rotate(360deg)
        }
    }

    .feeds-loading[data-v-820f2ae6] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 64px;
        font-size: 12px;
        color: var(--color-tertiary-label);
        visibility: hidden
    }

    .feeds-loading.active[data-v-820f2ae6] {
        visibility: visible
    }

    .like-wrapper[data-v-dc3a3972] {
        position: relative;
        cursor: pointer;
        display: flex;
        align-items: center
    }

    .like-wrapper .count[data-v-dc3a3972] {
        text-wrap: nowrap
    }

    .like-active[data-v-dc3a3972]:hover {
        color: var(--color-primary-label)
    }

    .like-icon.active[data-v-dc3a3972] {
        visibility: hidden
    }

    .like-lottie[data-v-dc3a3972] {
        position: absolute;
        left: 0;
        top: 0;
        transform: scale(1.7)
    }

    span[data-v-51ec0135] img {
        height: 14px;
        transform: translate(0, 1px)
    }

    .item-wrapper[data-v-7d549413] {
        display: flex;
        align-items: center;
        padding: 8px;
        font-size: 14px;
        font-weight: 500;
        line-height: 120%;
        min-height: 40px
    }

    .item-wrapper.rec-query[data-v-7d549413] {
        padding: 8px 12px
    }

    .item-wrapper .item-cover[data-v-7d549413] {
        flex-shrink: 0;
        width: 40px;
        height: 40px;
        border-radius: 6px;
        margin-right: 8px;
        object-fit: cover
    }

    .query-note-item[data-v-7d549413] {
        width: 100%;
        color: var(--13e39d34);
        cursor: pointer;
        border-radius: 12px
    }

    .query-note-item.hotspot[data-v-7d549413] {
        display: flex;
        align-items: center;
        padding: 8px 12px 8px 12px;
        font-weight: 400;
        color: var(--13e39d34)
    }

    .query-note-item.hotspot[data-v-7d549413]:nth-child(1) {
        color: #ff2442
    }

    .query-note-item.hotspot[data-v-7d549413]:nth-child(2) {
        color: #ff3e33
    }

    .query-note-item.hotspot[data-v-7d549413]:nth-child(3) {
        color: #ff5226
    }

    .query-note-item.hotspot .hotspot-index[data-v-7d549413] {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        line-height: 120%;
        font-weight: 500;
        width: 16px;
        height: 16px
    }

    .query-note-item.hotspot .hotspot-title[data-v-7d549413] {
        color: var(--13e39d34);
        margin-left: 8px
    }

    .query-note-item[data-v-7d549413]:hover {
        background-color: var(--630dd4eb)
    }

    .query-note-item:hover > .hotspot-title[data-v-7d549413] {
        color: var(--f1078352)
    }

    .query-note-wrapper[data-v-7d549413] {
        border-radius: 16px;
        background: var(--00604742)
    }

    .query-note-wrapper .query-note-list[data-v-7d549413] {
        padding: 0 4px 4px 4px
    }

    .query-note-wrapper .query-note-list.hotspot[data-v-7d549413] {
        padding: 0 4px;
        position: relative
    }

    .query-note-wrapper .query-note-header[data-v-7d549413] {
        width: 100%;
        padding: 0 12px;
        height: 60px;
        display: flex;
        align-items: center;
        color: var(--0773c501);
        font-size: 16px;
        font-weight: 600;
        line-height: 120%
    }

    .query-note-wrapper .query-note-header .icon-warpper[data-v-7d549413] {
        width: 40px;
        height: 40px;
        border-radius: 999px;
        background: var(--630dd4eb);
        margin-right: 8px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .query-note-wrapper .query-note-header .icon-warpper.modify[data-v-7d549413] {
        margin-right: 0;
        width: 28px;
        height: 28px;
        background: transparent;
        cursor: pointer;
        color: var(--13e39d34);
        margin-left: auto
    }

    .query-note-wrapper .query-note-header .icon-warpper.modify[data-v-7d549413]:hover {
        background-color: var(--630dd4eb);
        color: var(--f1078352)
    }

    .footer[data-v-7d549413] {
        padding: 4px 0
    }

    .footer .more-hotspot[data-v-7d549413] {
        color: var(--color-secondary-label);
        cursor: pointer;
        background: var(--630dd4eb);
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 32px;
        color: var(--13e39d34)
    }

    .footer .more-hotspot[data-v-7d549413]:hover {
        color: var(--f1078352)
    }

    .modify-dropdown[data-v-7d549413] {
        padding: 0
    }

    .modify-dropdown .dropdown-items[data-v-7d549413] {
        min-width: 90px
    }

    .modify-dropdown .menu-wrapper[data-v-7d549413] {
        border-radius: 12px;
        width: 100%
    }

    .modify-dropdown .menu-wrapper .menu-item[data-v-7d549413] {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        height: 40px;
        cursor: pointer;
        color: var(--color-primary-label);
        border-radius: 8px
    }

    .modify-dropdown .menu-wrapper .menu-item[data-v-7d549413]:hover {
        background: var(--color-active-background)
    }

    .modify-pad[data-v-7d549413] {
        position: absolute;
        top: 0;
        bottom: 44px;
        width: calc(100% - 8px);
        height: calc(100% - 40px);
        background: var(--00604742);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .modify-pad.hide[data-v-7d549413] {
        height: calc(100% - 4px)
    }

    .modify-pad .modify-wrapper[data-v-7d549413] {
        color: var(--13e39d34);
        border-radius: 12px;
        height: 40px;
        font-size: 14px;
        font-weight:$font-weight-normal;
        line-height: 120%;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .modify-pad .modify-wrapper[data-v-7d549413]:hover {
        background-color: var(--630dd4eb);
        color: var(--f1078352)
    }

    .modify-pad .hide-text[data-v-7d549413] {
        font-size: 16px;
        font-weight: 600;
        line-height: 120%;
        margin-bottom: 6px;
        color: var(--f1078352)
    }

    .modify-pad .hide-text.hint[data-v-7d549413] {
        color: var(--13e39d34);
        font-size: 14px;
        font-weight: 400;
        line-height: 140%
    }

    .modify-dropdown .dropdown-items {
        min-width: 90px
    }

    .note-item[data-v-a264b01a] {
        position: absolute;
        left: 0;
        top: 0;
        width: var(--1bd4d75c)
    }

    .note-item.static-layout[data-v-a264b01a] {
        position: static
    }

    .note-item.gray[data-v-a264b01a] {
        filter: grayscale(0.95)
    }

    .cover[data-v-a264b01a] {
        position: relative;
        width: var(--1bd4d75c);
        display: flex;
        border-radius: var(--68479076);
        overflow: hidden;
        outline: 1px solid var(--color-border);
        outline-offset: -1px;
        transition: background .2s;
        transform: translateZ(0)
    }

    .cover[data-v-a264b01a]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--color-active-background);
        -webkit-backdrop-filter: var(--1e4add76);
        backdrop-filter: var(--1e4add76);
        z-index: 1;
        transition: all 400ms
    }

    .cover.ld[data-v-a264b01a]::before {
        background: transparent;
        -webkit-backdrop-filter: blur(0);
        backdrop-filter: blur(0)
    }

    .cover[data-v-a264b01a]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: background-color .2s;
        background-color: transparent;
        -webkit-transform: translate3d(0, 0, 0)
    }

    .cover:hover .loading[data-v-a264b01a] {
        background-color: var(--mask-backdrop);
        animation: fadeInOut-a264b01a 1s ease-in-out infinite
    }

    .cover img[data-v-a264b01a] {
        width: 100%
    }

    .cover .play-icon[data-v-a264b01a] {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 14px;
        top: 14px;
        width: 20px;
        height: 20px;
        color: var(--color-white);
        background: var(--material-background);
        -webkit-backdrop-filter: var(--material-filter);
        backdrop-filter: var(--material-filter);
        border-radius: 20px
    }

    .cover .top-tag-area[data-v-a264b01a] {
        position: absolute;
        left: 12px;
        top: 12px;
        z-index: 4
    }

    .cover .top-tag-area .top-wrapper[data-v-a264b01a] {
        background: var(--color-red);
        border-radius: 999px;
        font-weight: 500;
        color: var(--color-white);
        line-height: 120%;
        font-size: 12px;
        padding: 5px 8px 5px 8px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .cover .bottom-tag-area[data-v-a264b01a] {
        position: absolute;
        left: 12px;
        bottom: 12px;
        z-index: 4
    }

    .cover .bottom-tag-area .bottom-wrapper[data-v-a264b01a] {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        color: var(--color-white);
        background: var(--material-background);
        -webkit-backdrop-filter: var(--material-filter);
        backdrop-filter: var(--material-filter);
        padding: 4px 8px 4px 8px;
        font-size: 12px;
        line-height: 120%;
        font-weight: 400
    }

    .cover .bottom-tag-area .bottom-wrapper .bottom-tag-icon[data-v-a264b01a] {
        margin-right: 2px;
        width: 12px;
        height: 12px
    }

    .footer[data-v-a264b01a] {
        padding: 12px
    }

    .footer .recommend-reason[data-v-a264b01a] {
        margin-bottom: 6px
    }

    .footer .recommend-reason .recommend-reason-icon[data-v-a264b01a] {
        margin-right: 2px
    }

    .footer .recommend-reason .recommend-reason-text[data-v-a264b01a] {
        color: var(--color-tertiary-label);
        font-size: 12px;
        line-height: 16px;
        vertical-align: middle
    }

    .title[data-v-a264b01a] {
        margin-bottom: 8px;
        word-break: break-all;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-weight: 500;
        font-size: 14px;
        line-height: 140%;
        color: var(--color-primary-label)
    }

    .author-wrapper[data-v-a264b01a] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 20px;
        color: var(--color-secondary-label);
        font-size: 12px;
        transition: color 1s
    }

    .author-wrapper .author[data-v-a264b01a] {
        display: flex;
        align-items: center;
        color: inherit;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-right: 12px
    }

    .author-wrapper .author[data-v-a264b01a]:hover {
        color: var(--color-primary-label)
    }

    .author-wrapper .author-avatar[data-v-a264b01a] {
        margin-right: 6px;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        border: 1px solid var(--color-border);
        flex-shrink: 0
    }

    .author-wrapper .author-avatar.no-avatar[data-v-a264b01a] {
        display: inline-block;
        background-color: var(--color-active-background)
    }

    .author-wrapper .name[data-v-a264b01a] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    [data-v-a264b01a] .like-wrapper .count {
        margin-left: 2px
    }

    [data-v-a264b01a] .like-wrapper:hover {
        color: var(--color-primary-label)
    }

    .mask[data-v-a264b01a]:hover::after {
        background-color: var(--mask-note-card);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: translate3d(0, 0, 0)
    }

    @keyframes fadeInOut-a264b01a {
        0%, 100% {
            opacity: 1
        }
        50% {
            opacity: 0
        }
    }

    .collect-wrapper[data-v-16bec73d] {
        position: relative;
        cursor: pointer;
        display: flex;
        align-items: center;
        color: var(--color-tertiary-label)
    }

    .count[data-v-16bec73d] {
        margin-left: 2px;
        color: var(--color-primary-label)
    }

    .collect-icon[data-v-16bec73d] {
        color: var(--color-primary-label)
    }

    .collect-icon.active[data-v-16bec73d] {
        visibility: hidden
    }

    .message-container[data-v-16bec73d] {
        position: relative;
        padding: 16px
    }

    .comment-wrapper[data-v-ff8cd160] {
        position: relative;
        cursor: pointer;
        display: flex;
        align-items: center;
        flex-shrink: 0;
        color: var(--color-secondary-label)
    }

    .comment-wrapper[data-v-ff8cd160]:hover {
        color: var(--color-primary-label)
    }

    .comment-wrapper .count[data-v-ff8cd160] {
        text-wrap: nowrap;
        margin-left: 2px
    }

    .card-bottom-wrapper[data-v-11fd8d4e] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 32px;
        color: var(--color-secondary-label);
        font-size: 12px;
        transition: color 1s
    }

    .card-bottom-wrapper .author[data-v-11fd8d4e] {
        flex-shrink: 1;
        display: flex;
        align-items: center;
        color: inherit;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-right: 12px
    }

    .card-bottom-wrapper .author[data-v-11fd8d4e]:hover {
        color: var(--color-primary-label)
    }

    .card-bottom-wrapper .author-avatar[data-v-11fd8d4e] {
        margin-right: 6px;
        border-radius: 20px;
        border: 1px solid var(--color-shadow-border);
        flex-shrink: 0
    }

    .card-bottom-wrapper .author-avatar.no-avatar[data-v-11fd8d4e] {
        display: inline-block;
        background-color: var(--color-active-background)
    }

    .card-bottom-wrapper .name[data-v-11fd8d4e] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .card-bottom-wrapper .time[data-v-11fd8d4e] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 4px;
        color: var(--color-tertiary-label)
    }

    .poi-info-wrapper[data-v-15bd02fa] {
        max-width: calc(100% - 24px);
        height: 24px;
        position: absolute;
        left: 12px;
        bottom: 12px;
        padding-left: 8px;
        padding-right: 8px;
        background-color: var(--material-background);
        border-radius: 999px;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        color: var(--color-white);
        display: flex;
        align-items: center
    }

    .poi-info-wrapper .poi-info-address[data-v-15bd02fa] {
        margin-left: 2px;
        margin-right: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .poi-info-wrapper .poi-info-divider[data-v-15bd02fa] {
        height: 10px;
        stroke-width: 1px
    }

    .poi-info-wrapper .poi-info-distance[data-v-15bd02fa] {
        margin-left: 4px
    }

    .shrink-0[data-v-15bd02fa] {
        flex-shrink: 0
    }

    .feeds-container[data-v-330d9cca] {
        position: relative;
        margin: 0 auto
    }

    .feeds-container.static-layout[data-v-330d9cca] {
        display: flex;
        justify-content: center;
        gap: var(--horizontalGapPx)
    }

    .feeds-page[data-v-811a7fa6] {
        flex: 1;
        padding: 0 var(--horizontalGapPx);
        overflow-y: scroll;
        padding-top: 72px
    }

    .feeds-page .channel-container[data-v-811a7fa6] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        user-select: none;
        -webkit-user-select: none
    }

    .feeds-page .channel-container[data-v-811a7fa6] .channel-list {
        flex: 1;
        margin-bottom: 0
    }

    .feeds-page .channel-container[data-v-811a7fa6] .channel-scroll-container {
        background-color: transparent;
        width: var(--feeds-width)
    }

    .channel-icon[data-v-811a7fa6] {
        width: 28px;
        height: 28px;
        margin-right: 4px
    }

    .bottom-menu[data-v-3661fbb1] {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: var(--color-background);
        display: none;
        padding-bottom: env(safe-area-inset-bottom)
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .bottom-menu[data-v-3661fbb1] {
            display: block
        }
    }

    @media screen and (max-width: 695px) {
        .bottom-menu[data-v-3661fbb1] {
            display: block
        }
    }

    [data-v-3661fbb1] .channel-list {
        display: flex;
        color: var(--color-tertiary-label)
    }

    [data-v-3661fbb1] .bottom-channel {
        flex-grow: 1;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--color-tertiary-label);
        cursor: pointer
    }

    [data-v-3661fbb1] .text {
        font-size: 16px;
        margin-left: 12px
    }

    @media screen and (max-width: 695px) {
        [data-v-3661fbb1] .text {
            display: none
        }
    }

    [data-v-3661fbb1] .active {
        color: var(--color-primary-label)
    }

    .force-visible[data-v-3661fbb1] {
        display: block
    }

    .container[data-v-657d976e] {
        width: 100%;
        background: var(--elevation-high-background);
        box-shadow: var(--elevation-high-shadow);
        border-radius: 12px
    }

    .container .group-wrapper[data-v-657d976e] {
        padding: 4px
    }

    .container .group-wrapper.allow-overflow[data-v-657d976e] {
        max-height: 440px;
        overflow-y: scroll
    }

    .back[data-v-657d976e] {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 28px;
        height: 28px;
        margin: 10px 0 0 8px;
        color: var(--color-secondary-label);
        cursor: pointer;
        border-radius: 999px
    }

    .back[data-v-657d976e]:hover {
        color: var(--color-primary-label);
        background: var(--color-active-background)
    }

    .group-navi[data-v-657d976e] {
        display: flex;
        align-items: center;
        color: var(--color-primary-label);
        height: 48px;
        padding: 4px 8px;
        font-size: 16px;
        font-weight: 600;
        justify-content: center;
        border-bottom: 1px solid var(--color-border)
    }

    .group-header[data-v-657d976e] {
        display: flex;
        align-items: center;
        padding: 0 12px;
        height: 32px;
        color: var(--color-tertiary-label);
        font-size: 12px;
        font-weight: 400
    }

    .menu-item[data-v-657d976e] {
        display: flex;
        align-items: center;
        height: 40px;
        padding: 0 12px;
        color: var(--color-secondary-label);
        font-size: 16px;
        font-weight: 400;
        border-radius: 8px
    }

    .menu-item .link[data-v-657d976e] {
        display: flex;
        align-items: center;
        height: 100%;
        width: 100%;
        color: inherit;
        font-size: inherit;
        font-weight: inherit
    }

    .menu-item.hover-effect[data-v-657d976e] {
        cursor: pointer
    }

    .menu-item.hover-effect[data-v-657d976e]:hover {
        color: var(--color-primary-label);
        background: var(--color-active-background)
    }

    .menu-item .icon[data-v-657d976e] {
        color: var(--color-quaternary-label);
        margin-left: auto
    }

    .menu-item .icon.hover-effect[data-v-657d976e] {
        display: none
    }

    .menu-item .icon.icon-visible[data-v-657d976e] {
        display: block
    }

    .menu-item .component[data-v-657d976e] {
        margin-left: auto
    }

    .divider[data-v-657d976e] {
        margin: 0 8px
    }

    .information-container[data-v-d5f5f614] {
        display: inline-block;
        width: 100%;
        color: var(--color-primary-label);
        font-size: 16px;
        position: absolute;
        bottom: 0
    }

    .information-wrapper[data-v-d5f5f614] {
        -webkit-user-select: none;
        user-select: none;
        cursor: pointer;
        position: relative;
        margin-bottom: 20px;
        height: 48px;
        width: 100%;
        display: flex;
        font-weight: 600;
        align-items: center;
        border-radius: 999px
    }

    .information-wrapper[data-v-d5f5f614]:hover {
        background: var(--color-active-background)
    }

    .information-wrapper .information-icon[data-v-d5f5f614] {
        margin: 0 12px 0 16px
    }

    .information-pad[data-v-d5f5f614] {
        z-index: 16;
        width: 100%;
        position: absolute;
        bottom: 72px
    }

    .app-info[data-v-d5f5f614] {
        padding: 12px;
        color: var(--color-tertiary-label)
    }

    .app-info a[data-v-d5f5f614] {
        color: var(--color-tertiary-label)
    }

    .app-info.outside[data-v-d5f5f614] {
        position: absolute
    }

    .icp-info[data-v-d5f5f614] {
        word-break: break-word;
        margin: 0;
        font-size: 12px;
        line-height: 140%
    }

    .icp-info .icp-text[data-v-d5f5f614] {
        font-weight: 400
    }

    .corp-info[data-v-d5f5f614] {
        font-size: 12px;
        line-height: 140%;
        margin-top: 4px
    }

    .corp-info p[data-v-d5f5f614] {
        margin: 0
    }

    .vertical-center[data-v-d5f5f614] {
        display: inline-flex;
        align-items: center
    }

    .vertical-center:hover .icon-wrapper[data-v-d5f5f614] {
        color: var(--color-secondary-label)
    }

    .icon-wrapper color $color-tertiary-label[data-v-d5f5f614]:hover {
        color: var(--color-secondary-label)
    }

    .about-us[data-v-d5f5f614] {
        margin-bottom: 8px
    }

    .about-us a[data-v-d5f5f614] {
        font-weight: 500
    }

    .icon-gap[data-v-d5f5f614] {
        margin-left: 2px
    }

    .dot[data-v-d5f5f614] {
        color: var(--color-quaternary-label)
    }

    .help[data-v-d5f5f614] {
        cursor: pointer
    }

    li[data-v-546196d0] {
        list-style: none
    }

    ul[data-v-546196d0] {
        margin: 0;
        padding: 0
    }

    .icon-wrapper[data-v-546196d0] {
        color: var(--color-primary-label)
    }

    .side-bar[data-v-546196d0] {
        height: calc(100vh - 72px);
        overflow-y: scroll;
        background-color: var(--color-background);
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        padding-top: 16px;
        margin-top: 72px;
        position: fixed;
        overflow: visible
    }

    @media screen and (min-width: 1728px) {
        .side-bar[data-v-546196d0] {
            width: calc(16px + calc((1728px - 7 * 32px) / 6 * 1));
            margin-left: 16px
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 1727px) {
        .side-bar[data-v-546196d0] {
            width: calc(16px + calc((100vw - 7 * 32px) / 6 * 1));
            margin-left: 16px
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .side-bar[data-v-546196d0] {
            width: calc(12px + calc((100vw - 6 * 24px) / 5 * 1));
            margin-left: 12px
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .side-bar[data-v-546196d0] {
            width: calc(12px + calc((100vw - 5 * 24px) / 4 * 1));
            margin-left: 12px
        }
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .side-bar[data-v-546196d0] {
            display: none
        }
    }

    @media screen and (max-width: 695px) {
        .side-bar[data-v-546196d0] {
            display: none
        }
    }

    .side-bar.gray[data-v-546196d0] {
        filter: grayscale(0.95)
    }

    [data-v-546196d0] .link-wrapper {
        display: flex;
        width: 100%;
        height: 48px;
        align-items: center
    }

    .channel-list[data-v-546196d0] {
        min-height: auto;
        -webkit-user-select: none;
        user-select: none
    }

    .channel-list[data-v-546196d0] li {
        padding-left: 16px;
        min-height: 48px;
        display: flex;
        align-items: center;
        cursor: pointer;
        margin-bottom: 8px;
        color: var(--color-tertiary-label)
    }

    .channel-list[data-v-546196d0] li:hover {
        background-color: var(--color-active-background);
        border-radius: 999px
    }

    .channel-list[data-v-546196d0] li:last-child {
        margin-bottom: 0
    }

    [data-v-546196d0] .channel {
        font-size: 16px;
        font-weight: 600;
        margin-left: 12px;
        color: var(--color-primary-label)
    }

    [data-v-546196d0] a {
        color: var(--color-tertiary-label);
        font-size: 12px;
        font-weight: 600
    }

    [data-v-546196d0] .active-channel {
        background-color: var(--color-active-background);
        border-radius: 999px;
        color: var(--color-primary-label)
    }

    .img-wrapper[data-v-546196d0] {
        width: 24px;
        height: 24px;
        justify-content: center;
        align-items: center;
        display: inline-flex
    }

    [data-v-546196d0] .link-wrapper {
        display: flex;
        width: 100%;
        height: 48px;
        align-items: center
    }

    .reds-button-new[data-v-d957886a] {
        height: 40px !important;
        color: var(--color-secondary-label);
        font-size: 16px;
        line-height: 120%;
        padding: 0 16px;
        background: transparent
    }

    .reds-button-new[data-v-d957886a]:hover {
        background: var(--color-active-background);
        border-radius: 999px;
        color: var(--color-primary-label)
    }

    .reds-button-new[data-v-d957886a] .reds-button-new-box {
        font-weight: 400
    }

    .transparent .menu button[data-v-d957886a], .transparent .menu .menu-icon-btn[data-v-d957886a] {
        color: rgba(255, 255, 255, 0.8)
    }

    .transparent button[data-v-d957886a]:hover .reds-button-new-box {
        color: var(--color-primary-label)
    }

    .menu[data-v-d957886a] {
        display: flex
    }

    .link[data-v-d957886a] {
        display: inline-flex;
        flex-grow: 1;
        color: inherit;
        height: 100%;
        align-items: center;
        width: 100%
    }

    .channel-btn[data-v-d957886a] {
        color: var(--color-secondary-label)
    }

    .channel-btn[data-v-d957886a]:hover {
        color: var(--color-primary-label)
    }

    .icon[data-v-d957886a] {
        color: var(--color-quaternary-label)
    }

    .dropdown-nav[data-v-d957886a] {
        display: flex
    }

    @media screen and (max-width: 959px) {
        .dropdown-nav[data-v-d957886a] {
            display: none
        }
    }

    .menu-icon-dropdown-nav[data-v-d957886a] {
        position: relative;
        display: none
    }

    @media screen and (max-width: 959px) {
        .menu-icon-dropdown-nav[data-v-d957886a] {
            display: block
        }
    }

    .menu-icon-dropdown-nav .information-pad[data-v-d957886a] {
        z-index: 16;
        width: 223px;
        margin-top: 4px;
        position: absolute;
        right: 0
    }

    .force-visible[data-v-d957886a] {
        display: block
    }

    .user-item-box[data-v-f7c244c6] {
        display: flex;
        align-items: center;
        padding: 20px
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .user-item-box[data-v-f7c244c6] {
            padding: 16px
        }
    }

    @media screen and (max-width: 695px) {
        .user-item-box[data-v-f7c244c6] {
            padding: 12px 16px
        }
    }

    .user-item-box.sug[data-v-f7c244c6] {
        padding: 0
    }

    .avatar[data-v-f7c244c6] {
        display: flex
    }

    .avatar .user-image[data-v-f7c244c6] {
        width: 72px;
        height: 72px;
        border-radius: 72px;
        border: 1px solid var(--color-border);
        object-fit: cover;
        background: var(--color-active-background)
    }

    .avatar .user-image.sug[data-v-f7c244c6] {
        width: 40px;
        height: 40px
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .avatar .user-image[data-v-f7c244c6] {
            width: 64px;
            height: 64px
        }
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .avatar .user-image[data-v-f7c244c6] {
            width: 56px;
            height: 56px
        }
    }

    @media screen and (max-width: 695px) {
        .avatar .user-image[data-v-f7c244c6] {
            width: 40px;
            height: 40px
        }
    }

    .user-info[data-v-f7c244c6] {
        display: flex;
        flex-direction: column;
        color: var(--color-tertiary-label);
        font-size: 14px;
        font-weight: 400;
        line-height: 120%;
        margin: 0 20px;
        width: 100%
    }

    .user-info.sug[data-v-f7c244c6] {
        font-size: 12px;
        margin: 0 12px
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .user-info[data-v-f7c244c6] {
            margin: 0 16px
        }
    }

    @media screen and (max-width: 695px) {
        .user-info[data-v-f7c244c6] {
            font-size: 12px;
            margin: 0 12px;
            width: calc(100vw - 200px)
        }
    }

    .user-info .user-name-box[data-v-f7c244c6] {
        display: flex;
        align-items: center
    }

    .user-info .user-name-box .user-name[data-v-f7c244c6] {
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-primary-label);
        font-size: 18px;
        font-weight: 600;
        line-height: 120%;
        margin-right: 6px;
        white-space: nowrap
    }

    .user-info .user-name-box .user-name.sug[data-v-f7c244c6] {
        font-size: 16px
    }

    @media screen and (max-width: 959px) {
        .user-info .user-name-box .user-name[data-v-f7c244c6] {
            font-size: 16px
        }
    }

    .user-info .user-name-box .verify-icon[data-v-f7c244c6] {
        display: flex;
        margin-left: 2px
    }

    .user-info .user-name-box .user-tag[data-v-f7c244c6] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 20px;
        margin-right: 4px;
        font-size: 12px;
        font-weight: 400;
        line-height: 120%;
        padding: 3px 4px;
        color: var(--color-tertiary-label);
        border-radius: 4px;
        background: var(--color-active-background);
        white-space: nowrap
    }

    .user-info .user-desc[data-v-f7c244c6] {
        display: flex;
        margin-top: 6px;
        white-space: nowrap
    }

    @media screen and (max-width: 695px) {
        .user-info .user-desc[data-v-f7c244c6] {
            margin-top: 4px
        }
    }

    .user-info .user-desc .user-desc-box[data-v-f7c244c6] {
        display: flex;
        align-items: center
    }

    .divider[data-v-f7c244c6] {
        margin: 0 8px;
        display: inline-block;
        height: 12px;
        border: .5px solid var(--color-border)
    }

    .divider.sug[data-v-f7c244c6] {
        margin: 0 6px
    }

    @media screen and (max-width: 695px) {
        .divider[data-v-f7c244c6] {
            margin: 0 6px
        }
    }

    .btn[data-v-f7c244c6] {
        margin-left: auto
    }

    .history[data-v-ac555648] {
        padding: 4px
    }

    .history-list[data-v-ac555648] {
        display: flex;
        align-items: center;
        padding: 0 8px 8px 8px;
        flex-wrap: wrap;
        position: relative;
        gap: 8px
    }

    .history-list .history-item[data-v-ac555648] {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 32px;
        color: var(--color-secondary-label);
        font-size: 14px;
        font-weight: 400;
        line-height: 120%;
        padding: 0 12px;
        white-space: nowrap;
        background: var(--color-active-background);
        border-radius: 999px;
        border: 1px solid transparent;
        cursor: pointer
    }

    .history-list .history-item.enableDelete[data-v-ac555648] {
        background: transparent;
        border: 1px solid var(--color-border);
        height: 32px;
        padding: 0 6px 0 12px;
        cursor: auto
    }

    .history-list .history-item.enableDelete[data-v-ac555648]:hover {
        color: var(--color-secondary-label)
    }

    .history-list .history-item[data-v-ac555648]:hover {
        color: var(--color-primary-label)
    }

    .history-list .history-item .close-box[data-v-ac555648] {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 20px;
        width: 20px;
        flex: 0 0 20px;
        margin-left: 6px;
        cursor: pointer
    }

    .history-list .history-item .close-box[data-v-ac555648]:hover {
        border-radius: 999px;
        background: var(--color-active-background);
        color: var(--color-primary-label)
    }

    .history-list .chevron-icon[data-v-ac555648] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border: 1px solid var(--color-border);
        transform: rotateX(180deg);
        border-radius: 999px;
        cursor: pointer;
        color: var(--color-secondary-label)
    }

    .history-list .chevron-icon[data-v-ac555648]:hover {
        background: var(--color-active-background);
        color: var(--color-primary-label)
    }

    .history-list .chevron-icon.canSpand[data-v-ac555648] {
        transform: revert
    }

    .header[data-v-ac555648] {
        display: flex;
        padding: 0 4px 0 12px;
        align-items: center;
        height: 32px;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 120%;
        color: var(--color-tertiary-label)
    }

    .header .icon-group[data-v-ac555648] {
        display: flex;
        margin-left: auto;
        font-size: 12px;
        font-weight: 400;
        line-height:$line-height-default;
        color: var(--color-secondary-label);
        gap: 4px
    }

    .header .icon-group .icon-box[data-v-ac555648] {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 24px;
        width: 24px;
        gap: 4px;
        padding: 0 4px;
        cursor: pointer
    }

    .header .icon-group .icon-box.enableDelete[data-v-ac555648] {
        width: auto
    }

    .header .icon-group .icon-box[data-v-ac555648]:hover {
        color: var(--color-primary-label)
    }

    .hotspots[data-v-119fe976] {
        padding: 4px
    }

    .header[data-v-119fe976] {
        padding: 8px 12px;
        height: 32px
    }

    .header .header-img[data-v-119fe976] {
        height: 14px
    }

    .hotspot-item[data-v-119fe976] {
        padding: 0 12px;
        display: flex;
        align-items: center;
        height: 40px;
        cursor: pointer;
        color: var(--color-tertiary-label)
    }

    .hotspot-item[data-v-119fe976]:nth-child(1) {
        color: #ff2442
    }

    .hotspot-item[data-v-119fe976]:nth-child(2) {
        color: #ff3e33
    }

    .hotspot-item[data-v-119fe976]:nth-child(3) {
        color: #ff5226
    }

    .hotspot-item[data-v-119fe976]:hover {
        background: var(--color-active-background);
        border-radius: 8px
    }

    .hotspot-item:hover > .hotspot-title[data-v-119fe976] {
        color: var(--color-primary-label)
    }

    .hotspot-item .hotspot-index[data-v-119fe976] {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 14px;
        line-height: 120%;
        width: 16px;
        height: 16px
    }

    .hotspot-item .hotspot-title[data-v-119fe976] {
        margin: 0 6px;
        color: var(--color-secondary-label);
        font-weight: 400;
        font-size: 16px;
        line-height: 120%;
        display: flex;
        align-items: center;
        height: 100%;
        flex: 1
    }

    .hotspot-item .hotspot-title .text[data-v-119fe976] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .hotspot-item .hotspot-title img[data-v-119fe976] {
        margin-left: 6px;
        height: 14px
    }

    .hotspot-item .hotspot-score[data-v-119fe976] {
        color: var(--color-quaternary-label);
        margin-left: auto;
        font-weight: 400;
        font-size: 12px;
        line-height: 120%
    }

    .sug-container-wrapper[data-v-57872acf] {
        margin-top: 8px;
        width: 100%;
        background-color: var(--elevation-high-background);
        box-shadow: var(--elevation-high-shadow);
        border-radius: 12px;
        overflow: scroll
    }

    .sug-container-wrapper.query-trending[data-v-57872acf] {
        position: relative;
        padding-top: 100%
    }

    .sug-container.query-trending[data-v-57872acf] {
        width: 100%;
        position: absolute;
        top: 0
    }

    .sug-box[data-v-57872acf] {
        padding: 4px
    }

    .header[data-v-57872acf] {
        display: flex;
        padding: 10.5px 12px 10.5px 12px;
        align-items: center;
        height: 32px;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 120%;
        color: var(--color-tertiary-label)
    }

    .header .refresh[data-v-57872acf] {
        margin-left: auto;
        display: flex;
        align-items: center;
        color: var(--color-secondary-label);
        cursor: pointer
    }

    .header .refresh .icon[data-v-57872acf] {
        margin-right: 5.5px;
        opacity: .8
    }

    .header .refresh[data-v-57872acf]:hover {
        color: var(--color-primary-label)
    }

    .sug-wrapper[data-v-57872acf] {
        display: flex;
        flex-wrap: wrap
    }

    .sug-wrapper .sug-item[data-v-57872acf] {
        width: 100%;
        padding: 0 12px;
        font-size: 16px;
        height: 40px;
        line-height: 120%;
        font-weight: 400;
        border-radius: 8px;
        color: var(--color-tertiary-label);
        display: flex;
        align-items: center
    }

    .sug-wrapper .sug-item[data-v-57872acf]:hover {
        background-color: var(--color-active-background);
        cursor: pointer
    }

    .sug-wrapper .sug-item .highlight[data-v-57872acf] {
        color: var(--color-primary-label)
    }

    .sug-wrapper .query-trending[data-v-57872acf] {
        color: var(--color-secondary-label);
        width: 100%
    }

    .sug-wrapper .query-trending[data-v-57872acf]:hover {
        color: var(--color-primary-label)
    }

    .sug-wrapper .query-trending .sug-text[data-v-57872acf] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 20px
    }

    .sug-wrapper .query-trending.selected[data-v-57872acf] {
        background-color: var(--color-active-background);
        color: var(--color-primary-label)
    }

    .sug-wrapper .query-trending.hotspot[data-v-57872acf] {
        width: calc(50% - 2px)
    }

    .sug-wrapper .query-trending.hotspot[data-v-57872acf]:nth-child(even) {
        margin-left: 2px
    }

    .sug-wrapper .query-trending.hotspot[data-v-57872acf]:nth-child(odd) {
        margin-right: 2px
    }

    .sug-wrapper .selected-sug[data-v-57872acf] {
        background-color: var(--color-active-background)
    }

    .sug-wrapper .sug-user[data-v-57872acf] {
        height: 64px
    }

    .sug-style[data-v-57872acf] {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 4px;
        height: 100%;
        padding: 0 3px;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        border-radius: 4px
    }

    .sug-style.artificial[data-v-57872acf] {
        background: var(--color-blue);
        color: var(--color-white)
    }

    .transparent-icon[data-v-721de8bd] {
        color: var(--color-secondary-label) !important
    }

    .transparent-icon[data-v-721de8bd]:hover {
        color: var(--color-primary-label) !important
    }

    .input-box[data-v-721de8bd] {
        height: 40px;
        position: fixed;
        left: 50%;
        transform: translate(-50%)
    }

    @media screen and (min-width: 1728px) {
        .input-box[data-v-721de8bd] {
            width: calc(32px + calc((1728px - 7 * 32px) / 6 * 2))
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 1727px) {
        .input-box[data-v-721de8bd] {
            width: calc(32px + calc((100vw - 7 * 32px) / 6 * 2))
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .input-box[data-v-721de8bd] {
            width: calc(24px + calc((100vw - 6 * 24px) / 5 * 2))
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .input-box[data-v-721de8bd] {
            width: calc(24px + calc((100vw - 5 * 24px) / 4 * 2))
        }
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .input-box[data-v-721de8bd] {
            width: calc(24px + calc((100vw - 4 * 24px) / 3 * 2))
        }
    }

    @media screen and (max-width: 695px) {
        .input-box[data-v-721de8bd] {
            width: calc(12px + calc((100vw - 3 * 12px) / 2 * 2))
        }
    }

    @media screen and (max-width: 695px) {
        .input-box[data-v-721de8bd] {
            width: 0
        }
    }

    .input-box.minWidthShowSearchClass[data-v-721de8bd] {
        position: relative;
        left: 0;
        transform: translate(0);
        width: 100%
    }

    .search-input[data-v-721de8bd] {
        padding: 0 84px 0 16px;
        width: 100%;
        height: 100%;
        font-size: 16px;
        line-height: 120%;
        color: var(--color-primary-label);
        caret-color: var(--color-red);
        background: var(--color-active-background);
        border-radius: 999px
    }

    @media screen and (max-width: 695px) {
        .search-input[data-v-721de8bd] {
            padding: 0
        }
    }

    .search-input[data-v-721de8bd]::placeholder {
        color: var(--color-quaternary-label)
    }

    .search-input.minWidthShowSearchClass[data-v-721de8bd] {
        padding: 0 84px 0 16px
    }

    .search-input.showSearcHotspotTag[data-v-721de8bd] {
        color: transparent
    }

    @media screen and (max-width: 695px) {
        .sug-pad[data-v-721de8bd] {
            opacity: 0
        }
    }

    .sug-pad.minWidthShowSearchClass[data-v-721de8bd] {
        opacity: 1
    }

    .input-button[data-v-721de8bd] {
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        color: var(--color-secondary-label)
    }

    @media screen and (max-width: 695px) {
        .input-button[data-v-721de8bd] {
            opacity: 0
        }
    }

    .input-button .search-icon[data-v-721de8bd], .input-button .close-icon[data-v-721de8bd] {
        width: 40px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: var(--color-secondary-label)
    }

    .input-button .search-icon[data-v-721de8bd]:hover, .input-button .close-icon[data-v-721de8bd]:hover {
        color: var(--color-primary-label);
        border-radius: 999px
    }

    .input-button.minWidthShowSearchClass[data-v-721de8bd] {
        opacity: 1
    }

    .search-icon[data-v-721de8bd] {
        margin-right: 4px;
        color: var(--color-secondary-label)
    }

    .reds-button-new[data-v-721de8bd] {
        height: 40px !important;
        color: var(--color-secondary-label);
        font-size: 16px;
        line-height: 120%;
        padding: 0 16px;
        background: transparent
    }

    .reds-button-new[data-v-721de8bd]:hover {
        background: var(--color-active-background);
        border-radius: 999px;
        color: var(--color-primary-label)
    }

    .reds-button-new[data-v-721de8bd] .reds-button-new-box {
        font-weight: 400
    }

    .cancel-btn[data-v-721de8bd] {
        margin-left: 12px
    }

    .min-width-search-icon[data-v-721de8bd] {
        cursor: pointer;
        padding-right: 10px;
        display: none
    }

    @media screen and (max-width: 695px) {
        .min-width-search-icon[data-v-721de8bd] {
            display: block;
            position: fixed;
            right: 52px
        }
    }

    .nio-search-input-width[data-v-721de8bd] {
        width: calc(100vw - 24px * 2 - 40px * 2 - 8px * 2)
    }

    .hotspot-tag[data-v-721de8bd] {
        position: absolute;
        top: 4px;
        left: 4px;
        height: 32px;
        padding: 0 12px;
        background: var(--color-background);
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        font-size: 16px;
        line-height: 120%;
        max-width: calc(100% - 88px);
        cursor: pointer;
        color: var(--color-red)
    }

    .hotspot-tag .text[data-v-721de8bd] {
        margin-left: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex: 1;
        color: var(--color-primary-label)
    }

    header[data-v-5c1b2170] {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: var(--67f219a2);
        height: var(--header-height);
        padding: 0 16px 0 24px;
        z-index: 10
    }

    @media screen and (min-width: 1728px) {
        header[data-v-5c1b2170] {
            padding: 0 32px
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 1727px) {
        header[data-v-5c1b2170] {
            padding: 0 32px
        }
    }

    @media screen and (max-width: 695px) {
        header[data-v-5c1b2170] {
            padding: 0 12px 0 16px
        }
    }

    header.mask-paper[data-v-5c1b2170] {
        background: var(--mask-paper);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }

    .right[data-v-5c1b2170] {
        display: flex
    }

    .information-header[data-v-5c1b2170] {
        position: absolute;
        top: 72px;
        left: 0;
        z-index: 10
    }

    .header-container[data-v-5c1b2170] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100vw;
        height: 72px;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 10;
        align-items: center
    }

    .header-container.gray[data-v-5c1b2170] {
        filter: grayscale(0.95)
    }

    .header-container.transparent[data-v-5c1b2170] {
        position: absolute
    }

    .header-logo[data-v-5c1b2170] {
        width: auto;
        height: 32px
    }

    .layout[data-v-34b87540] {
        width: 100%;
        overflow: hidden;
        background-color: var(--color-background);
        margin: 0 auto;
        min-width: 320px
    }

    .layout.limit[data-v-34b87540] {
        max-width: var(--40bdee49)
    }

    .main-container[data-v-34b87540] {
        display: flex
    }

    .main-content[data-v-34b87540] {
        width: 100%
    }

    @media screen and (min-width: 1728px) {
        .main-content.with-side-bar[data-v-34b87540] {
            padding-left: calc(32px + calc((1728px - 7 * 32px) / 6 * 1))
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 1727px) {
        .main-content.with-side-bar[data-v-34b87540] {
            padding-left: calc(32px + calc((100vw - 7 * 32px) / 6 * 1))
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .main-content.with-side-bar[data-v-34b87540] {
            padding-left: calc(24px + calc((100vw - 6 * 24px) / 5 * 1))
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .main-content.with-side-bar[data-v-34b87540] {
            padding-left: calc(24px + calc((100vw - 5 * 24px) / 4 * 1))
        }
    }

    .collection-list-item-wrapper[data-v-355e9ea1] {
        flex-shrink: 0;
        border-radius: 16px;
        width: var(--987b0b72);
        height: var(--987b0b72);
        position: relative;
        margin-right: var(--442acb1c);
        cursor: pointer
    }

    .collection-list-item-wrapper .collection-list-item-title[data-v-355e9ea1] {
        position: absolute;
        bottom: 12px;
        left: 12px;
        color: var(--color-white);
        font-size: 16px;
        font-weight: 600;
        line-height: 120%;
        text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25)
    }

    .collection-list-item-wrapper .collection-list-item-tag[data-v-355e9ea1] {
        position: absolute;
        right: 8.334px;
        top: 8px;
        width: 24px;
        height: 24px;
        padding: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--material-background);
        border-radius: 999px;
        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px)
    }

    .collection-list-item-wrapper .collection-list-item-decorate[data-v-355e9ea1] {
        width: 69px;
        border-radius: 16px;
        border: 1px solid var(--color-shadow-border);
        background: var(--color-active-background)
    }

    .collection-list-item-wrapper .decorate1[data-v-355e9ea1] {
        position: absolute;
        right: -15.667px;
        top: 12px;
        height: calc(var(--987b0b72) - 25px)
    }

    .collection-list-item-wrapper .decorate2[data-v-355e9ea1] {
        position: absolute;
        right: -7.667px;
        top: 5px;
        height: calc(var(--987b0b72) - 10px)
    }

    .collection-list-wrapper[data-v-8cb274da] {
        display: flex;
        width: 100%;
        overflow: scroll;
        padding-right: 24px
    }

    .skeleton-container[data-v-3f370206] {
        position: relative;
        margin: 0 auto;
        width: 100%;
        height: calc(100vh - 88px);
        overflow: hidden;
        transition: width .5s
    }

    .img[data-v-3f370206] {
        position: absolute;
        left: 0;
        top: 0;
        width: var(--78cabcb1);
        color: var(--color-active-background)
    }

    .feeds-page[data-v-f3020152] {
        flex: 1;
        padding: 0 var(--5f14e45a);
        overflow-y: scroll;
        padding-top: 72px
    }

    .feeds-page .channel-container[data-v-f3020152] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        user-select: none;
        -webkit-user-select: none
    }

    .feeds-page .channel-container[data-v-f3020152] .channel-list {
        flex: 1;
        margin-bottom: 0
    }

    .feeds-page .channel-container[data-v-f3020152] .channel-scroll-container {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        background-color: transparent
    }

    .rec-title[data-v-f3020152] {
        color: var(--color-primary-label);
        font-size: 16px;
        font-weight: 600;
        line-height: 120%;
        margin-bottom: 16px
    }

    .nio-header[data-v-1721c56b] {
        position: fixed;
        width: 100vw;
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px 36px;
        color: var(--color-primary-label);
        font-size: 16px;
        font-weight: 600;
        line-height: 120%;
        border-bottom: 1px solid var(--color-border);
        z-index: 10;
        background: var(--color-background)
    }

    .close-box[data-v-1721c56b] {
        width: 40px;
        height: 40px;
        cursor: pointer;
        position: absolute;
        left: 0;
        top: calc(50% - 20px);
        margin-left: 24px;
        z-index: 5;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .close-box[data-v-1721c56b]:hover {
        background: var(--color-active-background);
        color: var(--color-primary-label)
    }

    header[data-v-5da00110] {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: var(--20c4f496);
        height: 72px;
        padding: 0 16px 0 24px;
        z-index: 10;
        border-bottom: 1px solid var(--color-border)
    }

    @media screen and (min-width: 1728px) {
        header[data-v-5da00110] {
            padding: 0 32px
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 1727px) {
        header[data-v-5da00110] {
            padding: 0 32px
        }
    }

    @media screen and (max-width: 695px) {
        header[data-v-5da00110] {
            padding: 0 12px 0 16px
        }
    }

    header.mask-paper[data-v-5da00110] {
        background: var(--mask-paper);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }

    .right[data-v-5da00110] {
        display: flex
    }

    .information-header[data-v-5da00110] {
        position: absolute;
        top: 72px;
        left: 0;
        z-index: 10
    }

    .header-container[data-v-5da00110] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100vw;
        height: 72px;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 10;
        align-items: center
    }

    .header-container.gray[data-v-5da00110] {
        filter: grayscale(0.95)
    }

    .header-container.transparent[data-v-5da00110] {
        position: absolute
    }

    .close-box[data-v-5da00110] {
        width: 40px;
        height: 40px;
        cursor: pointer;
        top: calc(50% - 20px);
        z-index: 5;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .close-box[data-v-5da00110]:hover {
        background: var(--color-active-background);
        color: var(--color-primary-label)
    }

    .layout[data-v-4968c87e] {
        width: 100%;
        overflow: hidden;
        background-color: var(--color-background);
        margin: 0 auto;
        min-width: 320px
    }

    .layout.limit[data-v-4968c87e] {
        max-width: var(--9c8fe97c)
    }

    .main-container[data-v-4968c87e] {
        display: flex
    }

    .main-content[data-v-4968c87e] {
        width: 100%
    }

    .iphone[data-v-0e6d046c] {
        width: 300px;
        height: 600px;
        position: relative
    }

    .iphone .iphone-mp4[data-v-0e6d046c] {
        position: absolute;
        width: 260px;
        height: 564px;
        margin: 18px 20px
    }

    .iphone .iphone-mp4 .my-video[data-v-0e6d046c] {
        width: 260px;
        height: 564px
    }

    .iphone .iphone-case[data-v-0e6d046c] {
        position: absolute;
        width: 300px;
        height: 600px;
        background-image: url("//ci.xiaohongshu.com/3ca6607e-d4a5-4cb9-b455-a746713d8283");
        background-repeat: no-repeat;
        background-size: contain
    }

    @media screen and (min-height: 900px) {
        .iphone[data-v-0e6d046c] {
            zoom: 1
        }
    }

    @media screen and (min-height: 820px) and (max-height: 900px) {
        .iphone[data-v-0e6d046c] {
            zoom: .9
        }
    }

    @media screen and (max-height: 820px) {
        .iphone[data-v-0e6d046c] {
            zoom: .8
        }
    }

    @media screen and (max-height: 720px) {
        .iphone[data-v-0e6d046c] {
            zoom: .7
        }
    }

    @media screen and (max-height: 540px) {
        .iphone[data-v-0e6d046c] {
            zoom: .6
        }
    }

    .container[data-v-f857e7a0] {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: fixed
    }

    .video-bg[data-v-f857e7a0] {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        top: 0
    }

    .video-bg[data-v-f857e7a0]:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0)
    }

    .video-bg .my-video[data-v-f857e7a0] {
        min-width: 100%;
        min-height: 100%
    }

    .content[data-v-f857e7a0] {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .content .middle[data-v-f857e7a0] {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 100%;
        height: 100%
    }

    .content .middle .middle-wrapper[data-v-f857e7a0] {
        top: 50%;
        left: 50%;
        transform: translate(-60%, -60%);
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        position: absolute
    }

    .content .middle .middle-wrapper .iphone-wrapper[data-v-f857e7a0] {
        margin-right: 60px
    }

    .content .middle .middle-wrapper .description[data-v-f857e7a0] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start
    }

    .content .middle .middle-wrapper .description .logo-big[data-v-f857e7a0] {
        width: 143px;
        height: 50px;
        background-image: url("//ci.xiaohongshu.com/83074709-0d05-4d1c-9d38-24a8e910d914");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center
    }

    .content .middle .middle-wrapper .description .lifestyle[data-v-f857e7a0] {
        white-space: nowrap;
        color: #fff;
        font-size: 48px;
        font-weight: 500;
        margin: 0;
        margin-top: 13px
    }

    .content .middle .middle-wrapper .description .lifestyle-english[data-v-f857e7a0] {
        white-space: nowrap;
        color: #fff;
        font-size: 14px;
        font-family: Helvetica, Arial, sans-serif;
        font-style: oblique;
        font-weight: 400;
        margin: 0;
        margin-top: 20px
    }

    .content .middle .middle-wrapper .description .qrcodes[data-v-f857e7a0] {
        margin-top: 36px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        color: #333
    }

    .content .middle .middle-wrapper .description .qrcodes div[data-v-f857e7a0] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 150px;
        height: 40px;
        border-radius: 20px;
        background-color: #fff;
        margin-right: 15px;
        cursor: pointer;
        position: relative
    }

    .content .middle .middle-wrapper .description .qrcodes div[data-v-f857e7a0]:before {
        content: '';
        position: absolute;
        top: 35px;
        left: 0;
        width: 100%;
        height: 142px;
        border-radius: 0 0 20px 20px;
        background-color: #fff;
        opacity: 0;
        visibility: hidden
    }

    .content .middle .middle-wrapper .description .qrcodes div[data-v-f857e7a0]:after {
        content: '';
        position: absolute;
        top: 40px;
        left: 8px;
        width: 134px;
        height: 134px;
        border-radius: 12px 12px 12px 12px;
        background-image: url("//ci.xiaohongshu.com/0b84da4e-3984-4603-a2f2-72a806e5494d");
        background-repeat: no-repeat;
        background-size: contain;
        opacity: 0;
        visibility: hidden
    }

    .content .middle .middle-wrapper .description .qrcodes div[data-v-f857e7a0]:hover {
        border-radius: 20px 20px 0 0
    }

    .content .middle .middle-wrapper .description .qrcodes div[data-v-f857e7a0]:hover:before {
        top: 40px;
        opacity: 1;
        visibility: visible
    }

    .content .middle .middle-wrapper .description .qrcodes div[data-v-f857e7a0]:hover:after {
        top: 40px;
        opacity: 1;
        visibility: visible
    }

    .content .middle .middle-wrapper .description .qrcodes div span[data-v-f857e7a0] {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 6px
    }

    .content .middle .middle-wrapper .description .qrcodes .android[data-v-f857e7a0]:after {
        background-image: url("//ci.xiaohongshu.com/8aa9236a-43ef-44f0-97d3-3167847de82a")
    }

    @media screen and (min-height: 900px) {
        .middle-wrapper[data-v-f857e7a0] {
            zoom: 1
        }
    }

    @media screen and (min-height: 820px) and (max-height: 900px) {
        .middle-wrapper[data-v-f857e7a0] {
            zoom: .9
        }
    }

    @media screen and (max-height: 820px) {
        .middle-wrapper[data-v-f857e7a0] {
            zoom: .8
        }
    }

    @media screen and (max-height: 720px) {
        .middle-wrapper[data-v-f857e7a0] {
            zoom: .7
        }
    }

    @media screen and (max-height: 540px) {
        .middle-wrapper[data-v-f857e7a0] {
            zoom: .6
        }
    }

    @media screen and (min-width: 1250px) and (max-width: 1400px) {
        .footer[data-v-f857e7a0] {
            zoom: .9
        }
    }

    @media screen and (max-width: 1250px) and (min-width: 1101px) {
        .header[data-v-f857e7a0] {
            zoom: .9
        }

        .footer[data-v-f857e7a0] {
            zoom: .8
        }
    }

    @media screen and (max-width: 1101px) and (min-width: 1030px) {
        .header[data-v-f857e7a0] {
            zoom: .8
        }

        .footer[data-v-f857e7a0] {
            zoom: .7
        }
    }

    @media screen and (max-width: 1030px) and (min-width: 1024px) {
        .header[data-v-f857e7a0] {
            zoom: .8
        }

        .footer[data-v-f857e7a0] {
            zoom: .6
        }
    }

    @media screen and (max-width: 1024px) {
        .header[data-v-f857e7a0] {
            zoom: .8
        }

        .footer[data-v-f857e7a0] {
            zoom: .6
        }
    }

    /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

    /* Document
   ========================================================================== */

    /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

    html {
        line-height: 1.15; /* 1 */
        -webkit-text-size-adjust: 100%; /* 2 */
    }

    /* Sections
   ========================================================================== */

    /**
 * Remove the margin in all browsers.
 */

    body {
        margin: 0;
    }

    /**
 * Render the `main` element consistently in IE.
 */

    main {
        display: block;
    }

    /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

    h1 {
        font-size: 2em;
        margin: 0.67em 0;
    }

    /* Grouping content
   ========================================================================== */

    /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

    hr {
        box-sizing: content-box; /* 1 */
        height: 0; /* 1 */
        overflow: visible; /* 2 */
    }

    /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

    pre {
        font-family: monospace, monospace; /* 1 */
        font-size: 1em; /* 2 */
    }

    /* Text-level semantics
   ========================================================================== */

    /**
 * Remove the gray background on active links in IE 10.
 */

    a {
        background-color: transparent;
    }

    /**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

    abbr[title] {
        border-bottom: none; /* 1 */
        text-decoration: underline; /* 2 */
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted; /* 2 */
    }

    /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

    b,
    strong {
        font-weight: bolder;
    }

    /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

    code,
    kbd,
    samp {
        font-family: monospace, monospace; /* 1 */
        font-size: 1em; /* 2 */
    }

    /**
 * Add the correct font size in all browsers.
 */

    small {
        font-size: 80%;
    }

    /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sub {
        bottom: -0.25em;
    }

    sup {
        top: -0.5em;
    }

    /* Embedded content
   ========================================================================== */

    /**
 * Remove the border on images inside links in IE 10.
 */

    img {
        border-style: none;
    }

    /* Forms
   ========================================================================== */

    /**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: inherit; /* 1 */
        font-size: 100%; /* 1 */
        line-height: 1.15; /* 1 */
        margin: 0; /* 2 */
    }

    /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

    button,
    input { /* 1 */
        overflow: visible;
    }

    /**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

    button,
    select { /* 1 */
        text-transform: none;
    }

    /**
 * Correct the inability to style clickable types in iOS and Safari.
 */

    button,
    [type="button"],
    [type="reset"],
    [type="submit"] {
        -webkit-appearance: button;
    }

    /**
 * Remove the inner border and padding in Firefox.
 */

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    /**
 * Restore the focus styles unset by the previous rule.
 */

    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

    /**
 * Correct the padding in Firefox.
 */

    fieldset {
        padding: 0.35em 0.75em 0.625em;
    }

    /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

    legend {
        box-sizing: border-box; /* 1 */
        color: inherit; /* 2 */
        display: table; /* 1 */
        max-width: 100%; /* 1 */
        padding: 0; /* 3 */
        white-space: normal; /* 1 */
    }

    /**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

    progress {
        vertical-align: baseline;
    }

    /**
 * Remove the default vertical scrollbar in IE 10+.
 */

    textarea {
        overflow: auto;
    }

    /**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

    [type="checkbox"],
    [type="radio"] {
        box-sizing: border-box; /* 1 */
        padding: 0; /* 2 */
    }

    /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

    [type="number"]::-webkit-inner-spin-button,
    [type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

    [type="search"] {
        -webkit-appearance: textfield; /* 1 */
        outline-offset: -2px; /* 2 */
    }

    /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

    ::-webkit-file-upload-button {
        -webkit-appearance: button; /* 1 */
        font: inherit; /* 2 */
    }

    /* Interactive
   ========================================================================== */

    /*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

    details {
        display: block;
    }

    /*
 * Add the correct display in all browsers.
 */

    summary {
        display: list-item;
    }

    /* Misc
   ========================================================================== */

    /**
 * Add the correct display in IE 10+.
 */

    template {
        display: none;
    }

    /**
 * Add the correct display in IE 10.
 */

    [hidden] {
        display: none;
    }

    :root, .force-light {
        --color-primary-label: #333;
        --color-secondary-label: rgba(51, 51, 51, 0.8);
        --color-tertiary-label: rgba(51, 51, 51, 0.6);
        --color-quaternary-label: rgba(51, 51, 51, 0.3);
        --color-link: #13386c;
        --color-inverted-label: #fff;
        --color-background: #fff;
        --color-active-background: rgba(0, 0, 0, 0.03);
        --color-border: rgba(0, 0, 0, 0.08);
        --color-shadow-border: rgba(0, 0, 0, 0.02);
        --elevation-low-background: #fff;
        --elevation-high-background: #fff;
        --elevation-note-background: #fff;
        --elevation-low-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 1px 2px 0 rgba(0, 0, 0, 0.02);
        --elevation-high-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.08), 0 1px 4px 0 rgba(0, 0, 0, 0.04);
        --elevation-note-shadow: 0 8px 64px 0 rgba(0, 0, 0, 0.04), 0 1px 4px 0 rgba(0, 0, 0, 0.02);
        --elevation-low-shadow-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.02));
        --elevation-high-shadow-filter: drop-shadow(0 4px 32px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 4px rgba(0, 0, 0, 0.04));
        --material-filter: saturate(150%) blur(10px);
        --material-background: rgba(64, 64, 64, 0.25);
        --material-inverted-background: rgba(51, 51, 51, 0.9);
        --mask-backdrop: rgba(0, 0, 0, 0.25);
        --mask-note-card: rgba(0, 0, 0, 0.25);
        --mask-paper: rgba(255, 255, 255, 0.98);
        --color-white: #fff;
        --color-red: #ff2442;
        --color-tinted-red: rgba(255, 36, 66, 0.06);
        --color-blue: #3d8af5;
        --color-tinted-blue: rgba(61, 138, 245, 0.1);
        --mask-video-player-mask: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 24.48%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
        --search-hotspot-hint: linear-gradient(90deg, #ff2543 0%, #ff5225 100%);
        --color-vertical-channel: #fff9d5
    }

    :root[dark], .force-dark {
        --color-primary-label: #fff;
        --color-secondary-label: rgba(255, 255, 255, 0.8);
        --color-tertiary-label: rgba(255, 255, 255, 0.6);
        --color-quaternary-label: rgba(255, 255, 255, 0.3);
        --color-link: #c7daef;
        --color-inverted-label: #0a0a0a;
        --color-background: #0a0a0a;
        --color-active-background: rgba(255, 255, 255, 0.04);
        --color-border: rgba(255, 255, 255, 0.08);
        --color-shadow-border: rgba(255, 255, 255, 0.02);
        --elevation-low-background: #121212;
        --elevation-high-background: #181818;
        --elevation-note-background: #121212;
        --elevation-low-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 1px 2px 0 rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
        --elevation-high-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.08), 0 1px 4px 0 rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
        --elevation-note-shadow: 0 8px 64px 0 rgba(0, 0, 0, 0.04), 0 1px 4px 0 rgba(0, 0, 0, 0.02);
        --elevation-low-shadow-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.02)) drop-shadow(0 0 1px rgba(255, 255, 255, 0.04));
        --elevation-high-shadow-filter: drop-shadow(0 4px 32px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 4px rgba(0, 0, 0, 0.04)) drop-shadow(0 0 1px rgba(255, 255, 255, 0.06));
        --material-filter: saturate(150%) blur(10px);
        --material-background: rgba(64, 64, 64, 0.25);
        --material-inverted-background: rgba(255, 255, 255, 0.9);
        --mask-backdrop: rgba(0, 0, 0, 0.5);
        --mask-note-card: rgba(0, 0, 0, 0.25);
        --mask-paper: rgba(10, 10, 10, 0.98);
        --color-white: #fff;
        --color-red: #ff2e4d;
        --color-tinted-red: rgba(255, 46, 77, 0.06);
        --color-blue: #3d8af5;
        --color-tinted-blue: rgba(61, 138, 245, 0.1);
        --mask-video-player-mask: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 24.48%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
        --search-hotspot-hint: linear-gradient(90deg, #ff2543 0%, #ff5225 100%);
        --color-vertical-channel: #181714
    }

    html, body {
        font-size: 14px;
        color: var(--color-primary-label);
        width: 100vw !important;
        max-width: 100%;
        font-family: system-ui, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Helvetica Neue, Arial, PingFang SC, PingFang TC, PingFang HK, Microsoft Yahei, Microsoft JhengHei;
        margin: 0;
        background-color: var(--color-background);
        -webkit-font-smoothing: antialiased
    }

    ::-webkit-scrollbar {
        background-color: var(--color-background);
        width: 0;
        height: 0
    }

    * {
        box-sizing: border-box;
        -webkit-user-select: auto;
        user-select: auto;
        scrollbar-width: none;
        -webkit-tap-highlight-color: transparent
    }

    h1 {
        font-size: 48px
    }

    h2 {
        font-size: 36px
    }

    h3 {
        font-size: 26px
    }

    h4 {
        font-size: 20px
    }

    a {
        text-decoration: none;
        background-color: transparent
    }

    input, button {
        -webkit-appearance: none;
        appearance: none;
        outline: none;
        border: none;
        background: none;
        padding: 0
    }

    input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 1000px var(--elevation-high-background) inset;
        -webkit-text-fill-color: var(--color-primary-label)
    }

    input[type=number] {
        -moz-appearance: textfield
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    button {
        padding: 0
    }

    .reds-toast {
        max-width: initial !important
    }

    input::-webkit-credentials-auto-fill-button {
        display: none !important;
        visibility: hidden;
        pointer-events: none;
        position: absolute;
        right: 0
    }

    @media screen and (min-width: 1728px) {
        :root {
            --vertical: 16;
            --horizontal: 32;
            --interaction-width: 440px;
            --horizontalGapPx: 32px;
            --verticalGapPx: 16px;
            --feeds-width: calc(1728px - 96px - calc((1728px - 7 * 32px) / 6 * 1));
            --feeds-columns: 5;
            --columnWidth: calc((1728px - 32px * 7) / 6);
            --note-card-corner-radius: 16px;
            --modal-width: 440px
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 1727px) {
        :root {
            --vertical: 16;
            --horizontal: 32;
            --interaction-width: 440px;
            --horizontalGapPx: 32px;
            --verticalGapPx: 16px;
            --feeds-width: calc(100vw - 96px - calc((100vw - 7 * 32px) / 6 * 1));
            --feeds-columns: 5;
            --columnWidth: calc((100vw - 32px * 7) / 6);
            --note-card-corner-radius: 16px;
            --modal-width: 440px
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        :root {
            --vertical: 12;
            --horizontal: 24;
            --interaction-width: 400px;
            --horizontalGapPx: 24px;
            --verticalGapPx: 12px;
            --feeds-width: calc(100vw - 72px - calc((100vw - 6 * 24px) / 5 * 1));
            --feeds-columns: 4;
            --columnWidth: calc((100vw - 24px * 6) / 5);
            --note-card-corner-radius: 16px;
            --modal-width: 400px
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        :root {
            --vertical: 12;
            --horizontal: 24;
            --interaction-width: 360px;
            --horizontalGapPx: 24px;
            --verticalGapPx: 12px;
            --feeds-width: calc(100vw - 72px - calc((100vw - 5 * 24px) / 4 * 1));
            --feeds-columns: 3;
            --columnWidth: calc((100vw - 24px * 5) / 4);
            --note-card-corner-radius: 16px;
            --modal-width: 360px
        }
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        :root {
            --vertical: 12;
            --horizontal: 24;
            --interaction-width: 100vw;
            --horizontalGapPx: 24px;
            --verticalGapPx: 12px;
            --feeds-width: calc(100vw - 48px);
            --feeds-columns: 3;
            --columnWidth: calc((100vw - 24px * 4) / 3);
            --note-card-corner-radius: 16px;
            --modal-width: 360px
        }
    }

    @media screen and (max-width: 695px) {
        :root {
            --vertical: 6;
            --horizontal: 12;
            --interaction-width: 100vw;
            --horizontalGapPx: 12px;
            --verticalGapPx: 6px;
            --feeds-width: calc(100vw - 24px);
            --feeds-columns: 2;
            --columnWidth: calc((100vw - 12px * 3) / 2);
            --note-card-corner-radius: 12px;
            --modal-width: 360px
        }
    }

    :root {
        --header-height: 72px
    }

    /*# sourceMappingURL=https://picasso-private-1251524319.cos.ap-shanghai.myqcloud.com/data/formula-static/formula/xhs-pc-web/index.2681e011.css.map*/</style>
    <title>收益从+175%到-18%，李蓓做错了什么？ - 小红书</title>
    <link rel="dns-prefetch" href="https://sns-webpic-qc.xhscdn.com">
    <link rel="dns-prefetch" href="https://sns-avatar-qc.xhscdn.com">
    <link rel="dns-prefetch" href="https://picasso-static.xiaohongshu.com">
    <link rel="dns-prefetch" href="https://sns-video-qc.xhscdn.com">
    <link rel="dns-prefetch" href="https://sns-video-hw.xhscdn.com">
    <link rel="dns-prefetch" href="https://sns-video-bd.xhscdn.com">
    <link rel="dns-prefetch" href="https://sns-video-qn.xhscdn.com">
    <link rel="dns-prefetch" href="https://sns-video-hw.xhscdn.net">
    <link rel="manifest"
          href="//fe-video-qc.xhscdn.com/fe-platform/ebf234fe97561cc2242114a0c5ba836eaf0848f8.json?attname=fe-platform/ebf234fe97561cc2242114a0c5ba836eaf0848f8.json.json">
    <link rel="apple-touch-icon-precomposed"
          href="//picasso-static.xiaohongshu.com/fe-platform/f43dc4a8baf03678996c62d8db6ebc01a82256ff.png">
    <link rel="apple-touch-icon"
          href="//picasso-static.xiaohongshu.com/fe-platform/f43dc4a8baf03678996c62d8db6ebc01a82256ff.png">
    <meta itemprop="image"
          content="//picasso-static.xiaohongshu.com/fe-platform/f43dc4a8baf03678996c62d8db6ebc01a82256ff.png">
    <style>true</style>
    <meta name="theme-color" content="rgb(255, 255, 255)">
    <script type="text/javascript">(e => {
        const t = localStorage.getItem("xhs-pc-theme") || "",
            o = null === (e = window.matchMedia("(prefers-color-scheme: dark)")) || void 0 === e ? void 0 : e.matches;
        var r;
        (t && "system" !== t ? "dark" === t : o) && (null === (r = document) || void 0 === r || null === (r = r.querySelector("meta[name='theme-color']")) || void 0 === r || r.setAttribute("content", "rgb(10, 10, 10)"), document.documentElement.setAttribute("dark", ""))
    })();</script>
    <meta name="server-rendered" content>
    <meta name="og:description" content="3 亿人的生活经验，都在小红书">
    <link rel="preload" as="image"
          href="http://sns-webpic-qc.xhscdn.com/202506200936/4401b63740c3da7bed25e252bfe3fe53/spectrum/1040g34o31gqke5ka3a0g5p9jbdlaodutk57h3a0!nd_prv_wlteh_webp_3">
    <meta name="keywords" content="金融, 投资, 私募, 李蓓, 半夏, 花60天学理财, 理财, 争议">
    <meta name="description"
          content="错在能力不行。 	 ⭕ 纯做主观：私募宏观策略里，大多是量化宏观或量化+主观，而半夏是极少数的纯主观对冲策略，完全依靠李蓓主观判断，容错率很低。 	 ⭕ 喜欢all in：大部分宏观对冲管理人首先有一个beta，依托模型进行股、债、商打底，然后再通过主观进行多空择时或者仓位择时。简单讲就是总能吃到某个资产的红利，除非三杀，不然也跌不到哪去。但李蓓不同，她一旦判断某个资产/行业有趋势，会all in。比如觉得商品有行情就全部买入，一旦出错，净值自然大幅下跌。 	 ⭕ 不擅长债：这两年全球债券牛市，可惜李蓓的能力圈并不擅长债券类资产，近些年业绩不好也有这方面原因。 	 ⭕ 没跟上行情：近半年，李蓓为了控回撤、分散配置，降低仓位（当前约有5成），所以也错失了一些阶段性的行情。 	 ✔️ 流量角度，蓓蓓绝对是个人气火爆的大网红，公众号发文篇篇10w+，热搜从牛市上到熊市。 ❌ 但是站在基金经理角度，她17年和前夫哥离婚后，自己创立的半夏多次误判，业绩拉胯，从23年开始一路下跌，单周跌幅甚至接近9%，净值至今尚未修复。帮投资人赚不了钱，就不是一个合格的资管人。 	 ﻿#金融﻿   ﻿#投资﻿   ﻿#私募﻿   ﻿#李蓓﻿   ﻿#半夏﻿   ﻿#花60天学理财﻿   ﻿#理财﻿   ﻿#争议﻿﻿">
    <meta name="og:type" content="article">
    <meta name="og:site_name" content="小红书">
    <meta name="og:title" content="收益从+175%到-18%，李蓓做错了什么？ - 小红书">
    <meta name="og:image"
          content="http://sns-webpic-qc.xhscdn.com/202506200936/b2a5125a97a5d93529dd6283c991ac96/spectrum/1040g34o31gqke5ka3a0g5p9jbdlaodutk57h3a0!nd_dft_wlteh_webp_3">
    <meta name="og:image"
          content="http://sns-webpic-qc.xhscdn.com/202506200936/335931b1181c2bf3a675ec4ab26e4059/spectrum/1040g34o31gqkfe2nk20g5p9jbdlaodutpo89l70!nd_dft_wlteh_webp_3">
    <meta name="og:image"
          content="http://sns-webpic-qc.xhscdn.com/202506200936/9eb611910090680e1d76a111c580180f/spectrum/1040g0k031gqkf11f42005p9jbdlaodutd0o79uo!nd_dft_wgth_webp_3">
    <meta name="og:url" content="https://www.xiaohongshu.com/explore/680f4e6c000000000900dde6">
    <meta name="og:xhs:note_comment" content="10+">
    <meta name="og:xhs:note_like" content="10+">
    <meta name="og:xhs:note_collect" content="10+">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <style type="text/css"
           data-href="https://fe-static.xhscdn.com/formula-static/xhs-pc-web/public/resource/css/async/Explore.30c1e8ce.css"
           data-inject="resource/css/async/Explore.30c1e8ce.css">.tooltip-wrapper[data-v-abd6f298] {
        background: var(--elevation-high-background);
        filter: var(--elevation-high-shadow-filter);
        font-size: 16px;
        color: var(--color-primary-label);
        line-height: 120%;
        font-weight: 600;
        z-index: 121212;
        position: relative;
        border-radius: 12px;
        display: flex;
        align-items: center
    }

    .singleLine[data-v-abd6f298] {
        height: 40px;
        padding: 0 12px
    }

    .mutiLine[data-v-abd6f298] {
        height: auto;
        padding: 16px
    }

    .arrow[data-v-abd6f298] {
        color: var(--elevation-high-background);
        position: absolute;
        width: 36px;
        height: 36px
    }

    .board-guide[data-v-01d84ecb] {
        cursor: auto;
        box-shadow: var(--elevation-high-shadow);
        filter: none
    }

    .no-wrap[data-v-01d84ecb] {
        white-space: nowrap
    }

    .board-guide[data-v-19a9a2c8] {
        cursor: auto;
        box-shadow: var(--elevation-high-shadow);
        filter: none
    }

    .no-wrap[data-v-19a9a2c8] {
        white-space: nowrap
    }

    .img-note-guide[data-v-21698200] {
        cursor: auto
    }

    .img-note-guide .no-wrap[data-v-21698200] {
        white-space: nowrap
    }

    .img-note-guide .ok[data-v-21698200] {
        font-size: 16px;
        line-height: 120%;
        font-weight: 600;
        color: var(--color-link);
        margin-left: 8px;
        cursor: pointer
    }

    .tooltip[data-v-10769334] {
        position: absolute;
        right: 0;
        width: 24px;
        height: 24px;
        right: 32px;
        top: 50%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .tooltip .guide-tip[data-v-10769334] {
        width: 239px;
        height: 40px;
        position: absolute;
        right: 60px;
        cursor: auto;
        box-shadow: var(--elevation-high-shadow);
        filter: none
    }

    .tooltip .guide-tip .no-wrap[data-v-10769334] {
        white-space: nowrap
    }

    .finger-guide[data-v-10769334] {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px
    }

    .finger-svg-container[data-v-10769334] {
        width: 60px;
        height: 60px;
        position: absolute;
        left: 0
    }

    .tool-tip[data-v-3f9286de] {
        display: flex;
        justify-content: center;
        width: 240px;
        background: var(--elevation-high-background);
        box-shadow: var(--elevation-high-shadow)
    }

    .no-wrap[data-v-3f9286de] {
        white-space: nowrap
    }

    .no-wrap .link-icon[data-v-3f9286de] {
        color: var(--color-primary-label)
    }

    .no-wrap .ok-button[data-v-3f9286de] {
        font-size: 16px;
        line-height: 120%;
        font-weight: 600;
        color: var(--color-link);
        margin-left: 4px;
        cursor: pointer
    }

    .copy-guide[data-v-0d62df4b] {
        cursor: auto
    }

    .copy-guide .no-wrap[data-v-0d62df4b] {
        white-space: nowrap
    }

    .copy-guide .ok[data-v-0d62df4b] {
        font-size: 16px;
        line-height: 120%;
        font-weight: 600;
        color: var(--color-link);
        margin-left: 8px;
        cursor: pointer
    }

    </style>
    <style type="text/css"
           data-href="https://fe-static.xhscdn.com/formula-static/xhs-pc-web/public/resource/css/async/Note.6e3263e0.css"
           data-inject="resource/css/async/Note.6e3263e0.css">.browser-tooltip[data-v-608075e4] {
        width: 138px;
        background: var(--color-background);
        box-shadow: var(--elevation-note-shadow);
        border-radius: 12px;
        padding: 4px;
        cursor: pointer;
        position: fixed;
        top: 8px;
        right: 12px;
        z-index: 100
    }

    .browser-tooltip:hover .close[data-v-608075e4] {
        height: 32px;
        transition: all .5s
    }

    .browser-box[data-v-608075e4] {
        width: 100%
    }

    .browser-img[data-v-608075e4] {
        display: flex;
        align-items: center;
        justify-content: center
    }

    img[data-v-608075e4] {
        width: 72px;
        height: 48px
    }

    .text[data-v-608075e4] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        color: var(--color-tertiary-label);
        font-size: 14px;
        text-align: center;
        padding-bottom: 16px
    }

    .close[data-v-608075e4] {
        width: 100%;
        height: 0;
        text-align: center;
        line-height: 32px;
        font-size: 16px;
        color: var(--color-secondary-label);
        cursor: pointer;
        transition: all .3s;
        overflow: hidden
    }

    .close[data-v-608075e4]:hover {
        background: var(--color-active-background);
        border-radius: 8px
    }

    .tooltip-container[data-v-d39654bc] {
        position: fixed;
        z-index: 100009;
        width: 0;
        height: 0;
        top: 0;
        left: 0
    }

    .tooltip-mask[data-v-d39654bc] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh
    }

    .tooltip-content[data-v-d39654bc] {
        position: absolute;
        left: 0;
        top: 0
    }

    .avatar-item[data-v-76fb8a7f] {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 100%;
        border: 1px solid var(--color-border);
        object-fit: cover
    }

    .avatar-item.no-avatar[data-v-76fb8a7f] {
        background-color: var(--color-active-background)
    }

    .container[data-v-546985f2] {
        width: 360px;
        min-width: 296px;
        max-width: calc(100vw - var(--horizontalGapPx));
        padding: 20px;
        border-radius: 16px;
        background: var(--elevation-high-background);
        box-shadow: var(--elevation-high-shadow)
    }

    .container .header-area[data-v-546985f2] {
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .container .basic-info[data-v-546985f2] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        font-size: 16px;
        font-weight: 600;
        line-height: 120%
    }

    .container .basic-info .avatar-info[data-v-546985f2] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex: 1
    }

    .container .basic-info .name[data-v-546985f2] {
        flex: 1;
        display: flex;
        gap: 4px;
        color: var(--color-primary-label)
    }

    .container .desc[data-v-546985f2] {
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
        white-space: pre-line
    }

    .container .interaction-info[data-v-546985f2] {
        display: flex;
        gap: 16px;
        line-height: 120%;
        font-size: 14px;
        font-weight: 500;
        flex-wrap: wrap;
        row-gap: 8px
    }

    .container .interaction-info .interaction[data-v-546985f2] {
        text-wrap: nowrap;
        color: var(--color-primary-label)
    }

    .container .interaction-info .interaction-name[data-v-546985f2] {
        color: var(--color-tertiary-label);
        font-size: 14px;
        font-weight: 400;
        line-height: 120%;
        margin-left: 4px
    }

    .container .note-area[data-v-546985f2] {
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        justify-content: flex-start;
        gap: 8px
    }

    .container .note-area .note-cover[data-v-546985f2] {
        width: calc((100% - 16px) / 3);
        height: 0;
        padding-top: calc((100% - 16px) / 3);
        position: relative;
        border: 1px solid var(--color-shadow-border);
        background: var(--color-active-background);
        border-radius: 4px;
        overflow: hidden
    }

    .container .note-area .image[data-v-546985f2] {
        height: 100%;
        width: 100%;
        position: absolute;
        object-fit: cover;
        top: 0
    }

    .user-content[data-v-80080d20] {
        padding: 8px 0;
        transition: opacity .2s
    }

    .open-browser-modal[data-v-7e342a3f] {
        width: 360px;
        height: 388px;
        background: var(--elevation-high-background);
        border-radius: 16px;
        -webkit-user-select: none;
        user-select: none;
        position: relative;
        overflow: hidden
    }

    .close-container[data-v-7e342a3f] {
        top: 8px;
        right: 8px;
        width: 40px;
        height: 40px;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--color-secondary-label);
        cursor: pointer;
        z-index: 99
    }

    .close-container[data-v-7e342a3f]:hover {
        background: var(--color-active-background);
        border-radius: 999px;
        color: var(--color-primary-label)
    }

    .close-container-video[data-v-7e342a3f] {
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 99;
        cursor: pointer
    }

    .close-container-video .close-icon[data-v-7e342a3f] {
        width: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--material-background);
        border-radius: 999px;
        color: var(--color-white)
    }

    .header[data-v-7e342a3f] {
        height: 56px;
        padding: 8px;
        display: flex;
        flex-wrap: nowrap;
        position: relative;
        justify-content: center;
        align-items: center
    }

    .text[data-v-7e342a3f] {
        color: var(--color-primary-label);
        font-weight: 600;
        font-size: 16px;
        display: flex;
        align-items: center
    }

    .content[data-v-7e342a3f] {
        height: 230px;
        padding: 0 16px 32px 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }

    .content .text[data-v-7e342a3f] {
        color: var(--color-secondary-label);
        font-weight: 400;
        font-size: 16px;
        text-align: center
    }

    .footer[data-v-7e342a3f] {
        height: 52px;
        padding: 0 12px 12px 12px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }

    .btn[data-v-7e342a3f] {
        display: flex;
        flex-wrap: nowrap;
        background-color: var(--color-active-background);
        height: 40px;
        border-radius: 8px;
        padding-left: 12px;
        align-items: center;
        cursor: pointer
    }

    .btn .copy[data-v-7e342a3f] {
        font-weight: 600;
        color: var(--color-secondary-label);
        padding: 0 12px;
        white-space: nowrap;
        display: flex;
        font-size: 16px;
        align-items: center
    }

    .btn .url[data-v-7e342a3f] {
        padding: 0 12px 0 6px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 400;
        color: var(--color-tertiary-label);
        display: flex;
        align-items: center
    }

    .browser-container[data-v-7e342a3f] {
        padding: 24px 32px;
        text-align: center
    }

    .browser-container .logo[data-v-7e342a3f] {
        width: 160px;
        height: 120px
    }

    .lock[data-v-7e342a3f] {
        flex-shrink: 0
    }

    .video-container[data-v-7e342a3f] {
        width: 100%;
        height: 240px
    }

    .video-container[data-v-7e342a3f] video {
        height: 100%;
        width: 100%
    }

    .video-guide-content[data-v-7e342a3f] {
        padding: 24px;
        border-top: 1px solid var(--color-border)
    }

    .video-guide-content .video-title[data-v-7e342a3f], .video-guide-content .video-text[data-v-7e342a3f] {
        margin: 0;
        text-align: center
    }

    .video-guide-content .video-title[data-v-7e342a3f] {
        font-size: 18px;
        font-weight: 600;
        color: var(--color-primary-label);
        line-height: 120%;
        margin-bottom: 12px
    }

    .video-guide-content .video-text[data-v-7e342a3f] {
        font-size: 16px;
        font-weight: 400;
        color: var(--color-secondary-label);
        line-height: 120%;
        font-size: 14px
    }

    .author-wrapper[data-v-701599c8] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 24px;
        height: 100%;
        border-bottom: 1px solid transparent
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .author-wrapper[data-v-701599c8] {
            padding: 20px
        }
    }

    @media screen and (max-width: 1191px) {
        .author-wrapper[data-v-701599c8] {
            padding: 16px
        }
    }

    .author-wrapper:hover .name[data-v-701599c8] {
        color: var(--color-primary-label)
    }

    .author-wrapper.border[data-v-701599c8] {
        border-bottom: 1px solid var(--color-border)
    }

    .author-wrapper .info[data-v-701599c8] {
        display: flex;
        align-items: center;
        overflow: hidden
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .author-wrapper .info[data-v-701599c8] {
            padding-left: 48px
        }
    }

    @media screen and (max-width: 695px) {
        .author-wrapper .info[data-v-701599c8] {
            padding-left: 48px
        }
    }

    .author-wrapper .name[data-v-701599c8] {
        padding-left: 12px;
        height: 40px;
        display: flex;
        align-items: center;
        font-size: 16px;
        color: var(--color-secondary-label);
        overflow: hidden
    }

    .force-mini-info[data-v-701599c8] {
        padding-left: 48px
    }

    .username[data-v-701599c8] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .tips-el[data-v-b9627730] {
        margin: 0 24px;
        z-index: 1;
        width: calc(var(--interaction-width) - 48px);
        position: absolute;
        bottom: 154px
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .tips-el[data-v-b9627730] {
            position: -webkit-sticky;
            position: sticky
        }
    }

    @media screen and (max-width: 695px) {
        .tips-el[data-v-b9627730] {
            position: -webkit-sticky;
            position: sticky
        }
    }

    .tips[data-v-b9627730] {
        width: 100%;
        bottom: 24px;
        border: var(--color-shadow-border);
        height: 48px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--color-inverted-label);
        background: var(--material-inverted-background);
        -webkit-backdrop-filter: var(--material-filter);
        backdrop-filter: var(--material-filter);
        border-radius: 12px;
        padding: 12px;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        font-size: 16px;
        font-weight: 600
    }

    .text[data-v-b9627730] {
        width: 100%;
        margin-left: 8px
    }

    .fade-enter-active[data-v-b9627730], .fade-leave-active[data-v-b9627730] {
        transition: transform .4s, opacity .4s;
        opacity: 1;
        transform: translateY(0)
    }

    .fade-enter-from[data-v-b9627730], .fade-leave-to[data-v-b9627730] {
        opacity: 0;
        transform: translateY(16px)
    }

    .shim[data-v-b9627730] {
        height: 72px
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .shim[data-v-b9627730] {
            display: none
        }
    }

    @media screen and (max-width: 695px) {
        .shim[data-v-b9627730] {
            display: none
        }
    }

    .icon[data-v-b9627730] {
        flex-shrink: 0
    }

    .block-panel-container[data-v-7466d4fe] {
        display: flex;
        flex-direction: column
    }

    .header[data-v-7466d4fe] {
        flex: 0 0 56px;
        padding: 8px;
        display: flex;
        justify-content: space-between
    }

    .icon-wrapper[data-v-7466d4fe] {
        width: 40px;
        height: 40px
    }

    .icon-wrapper .icon[data-v-7466d4fe] {
        cursor: pointer;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .icon-wrapper .icon[data-v-7466d4fe]:hover {
        color: var(--color-primary-label);
        border-radius: 999px;
        background: var(--color-active-background)
    }

    .title[data-v-7466d4fe] {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-weight: 600;
        color: var(--color-primary-label)
    }

    .content[data-v-7466d4fe] {
        flex: 1;
        overflow: hidden;
        border-top: 1px solid var(--color-border)
    }

    .footer[data-v-7466d4fe] {
        flex: 0 0 auto
    }

    .board-list-container[data-v-7ffea2dd] {
        padding: 0 15px 16px 16px
    }

    .board-content-area[data-v-7ffea2dd] {
        background: var(--elevation-high-background);
        box-shadow: var(--elevation-high-shadow);
        border-radius: 16px;
        overflow: hidden;
        transition: all .3s;
        color: var(--color-primary-label);
        font-size: 16px
    }

    .panel-wrapper[data-v-7ffea2dd] {
        height: 408px;
        font-weight: 600
    }

    .empty[data-v-7ffea2dd] {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .loading-icon[data-v-7ffea2dd] {
        animation: rotate-clockwise-7ffea2dd 1s linear infinite
    }

    @keyframes rotate-clockwise-7ffea2dd {
        0% {
            transform: rotate(0deg)
        }
        100% {
            transform: rotate(360deg)
        }
    }

    .empty-icon-container[data-v-7ffea2dd] {
        width: 64px;
        height: 64px;
        border: 1px solid var(--color-border);
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .empty-text[data-v-7ffea2dd] {
        margin-top: 16px
    }

    .board-list[data-v-7ffea2dd] {
        height: 100%;
        overflow-y: auto;
        padding: 4px
    }

    .board-item[data-v-7ffea2dd] {
        padding: 8px 48px 8px 8px;
        height: 56px;
        display: flex;
        justify-content: space-between;
        border-radius: 12px;
        cursor: pointer
    }

    .board-item[data-v-7ffea2dd]:hover {
        background: var(--color-active-background)
    }

    .select-icon[data-v-7ffea2dd] {
        margin-right: -36px
    }

    .board-item-loading[data-v-7ffea2dd] {
        padding: 0;
        justify-content: center;
        align-items: center
    }

    .board-item-loading[data-v-7ffea2dd]:hover {
        background: none
    }

    .board-poster[data-v-7ffea2dd] {
        flex: 0 0 40px;
        height: 40px;
        background: var(--color-active-background);
        border-radius: 8px;
        overflow: hidden
    }

    .board-poster img[data-v-7ffea2dd] {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .board-name[data-v-7ffea2dd] {
        flex: 1;
        margin-left: 12px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--color-primary-label);
        min-width: 1px
    }

    .name-text[data-v-7ffea2dd] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .create-container[data-v-7ffea2dd] {
        height: 228px
    }

    .create-board[data-v-7ffea2dd] {
        border-top: 1px solid var(--color-border);
        cursor: pointer;
        padding: 12px;
        height: 64px;
        display: flex
    }

    .create-board[data-v-7ffea2dd]:hover {
        background: var(--color-active-background)
    }

    .create-icon[data-v-7ffea2dd] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 999px;
        background: var(--color-active-background);
        color: var(--color-tertiary-label)
    }

    .create-text[data-v-7ffea2dd] {
        display: flex;
        align-items: center;
        margin-left: 12px;
        font-size: 16px;
        font-weight: 600;
        color: var(--color-primary-label)
    }

    .board-form[data-v-7ffea2dd] {
        padding: 20px
    }

    .input-title[data-v-7ffea2dd] {
        display: flex
    }

    .input-title .poster[data-v-7ffea2dd] {
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        border: 1px solid var(--color-border);
        overflow: hidden
    }

    .input-title .board-input[data-v-7ffea2dd] {
        flex: 1
    }

    .public-board[data-v-7ffea2dd] {
        margin-top: 12px;
        padding-left: 52px;
        height: 28px;
        display: flex;
        align-items: center
    }

    .public-board .public-text[data-v-7ffea2dd] {
        color: var(--color-secondary-label);
        font-size: 14px;
        height: 100%;
        display: flex;
        align-items: center;
        margin-right: 6px
    }

    .complete-btn[data-v-7ffea2dd] {
        height: 52px;
        padding: 0 12px 12px
    }

    .border-btn[data-v-7ffea2dd] {
        width: 100%;
        color: var(--color-secondary-label);
        background: var(--elevation-high-background);
        border: 1px solid var(--color-border)
    }

    .border-btn[data-v-7ffea2dd]:hover {
        background: var(--color-active-background)
    }

    .v-enter-active[data-v-7ffea2dd] {
        transition: height .1s ease
    }

    .v-enter-from[data-v-7ffea2dd], .v-leave-to[data-v-7ffea2dd] {
        height: 100
    }

    .message-container[data-v-7ffea2dd] {
        position: relative
    }

    .message-container .message-content[data-v-7ffea2dd] {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%
    }

    .engage-bar-container[data-v-09acb0da] {
        width: 100%;
        position: relative
    }

    .end-container[data-v-4643bded] {
        display: flex;
        justify-content: center;
        margin-top: 24px;
        margin-bottom: 24px;
        font-size: 12px;
        line-height: 16px;
        color: var(--color-tertiary-label)
    }

    .tag[data-v-39010cd1] {
        margin-right: 2px;
        color: var(--color-link);
        cursor: pointer
    }

    .fullscreen-box[data-v-3490ee4c] {
        width: 100vw;
        height: 100vh;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99
    }

    .close-btn[data-v-3490ee4c] {
        border-radius: 20px;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        position: absolute;
        left: 32px;
        top: 32px;
        cursor: pointer;
        background: var(--material-background)
    }

    @media screen and (min-width: 1728px) {
        .close-btn[data-v-3490ee4c] {
            left: 32px;
            top: 32px
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 1727px) {
        .close-btn[data-v-3490ee4c] {
            left: 32px;
            top: 32px
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .close-btn[data-v-3490ee4c] {
            left: 24px;
            top: 24px
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .close-btn[data-v-3490ee4c] {
            left: 24px;
            top: 24px
        }
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .close-btn[data-v-3490ee4c] {
            display: none
        }
    }

    @media screen and (max-width: 695px) {
        .close-btn[data-v-3490ee4c] {
            display: none
        }
    }

    .img-container[data-v-3490ee4c] {
        width: 100vw;
        height: 100vh;
        position: relative;
        background: var(--color-background);
        cursor: zoom-out
    }

    .img-container .img-inner[data-v-3490ee4c] {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .fullscreen-glass[data-v-3490ee4c] {
        background: var(--mask-backdrop);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }

    .img-zoom-out[data-v-3490ee4c] {
        animation: img-zoom-out-3490ee4c 150ms
    }

    .img-zoom-in[data-v-3490ee4c] {
        animation: img-zoom-out-3490ee4c 150ms reverse
    }

    @keyframes img-zoom-out-3490ee4c {
        0% {
            transform: scale(.98)
        }
        100% {
            transform: scale(1)
        }
    }

    .img-box[data-v-2f592fbe] {
        width: var(--f5b9fd00);
        height: var(--056e34ad);
        overflow: hidden;
        background: var(--color-active-background);
        cursor: zoom-in;
        border-radius: 8px;
        position: relative
    }

    .img-box .inner[data-v-2f592fbe] {
        object-fit: cover;
        width: 100%;
        height: 100%;
        border-radius: 8px
    }

    .img-box[data-v-2f592fbe]:hover::after {
        content: '';
        transition: background-color .2s;
        background-color: var(--mask-note-card);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        border-radius: 8px
    }

    .zoom-enter-active[data-v-30e2f66c] {
        animation: zoom-out-30e2f66c 150ms
    }

    .zoom-leave-active[data-v-30e2f66c] {
        animation: zoom-out-30e2f66c 150ms reverse
    }

    @keyframes zoom-out-30e2f66c {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }

    .comment-item[data-v-aed4aacc] {
        position: relative;
        display: flex;
        padding: 8px
    }

    .comment-item.active[data-v-aed4aacc] {
        background: var(--color-active-background);
        border-radius: 12px
    }

    .top-comment-background[data-v-aed4aacc] {
        position: absolute;
        content: '';
        background: var(--color-active-background);
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        border-radius: 8px;
        animation: fadeout-aed4aacc .5s ease-in-out 2s forwards;
        z-index: 0
    }

    .comment-inner-container[data-v-aed4aacc] {
        position: relative;
        display: flex;
        z-index: 1;
        width: 100%;
        flex-shrink: 0
    }

    .avatar[data-v-aed4aacc] {
        flex: 0 0 auto
    }

    .right[data-v-aed4aacc] {
        margin-left: 12px;
        display: flex;
        flex-direction: column;
        font-size: 14px;
        flex-grow: 1
    }

    .author-wrapper[data-v-aed4aacc] {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .author[data-v-aed4aacc] {
        display: flex;
        align-items: center
    }

    .comment-menu[data-v-aed4aacc] {
        position: relative;
        height: 20px;
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .comment-menu[data-v-aed4aacc]:hover {
        background: var(--color-active-background);
        border-radius: 999px;
        color: var(--color-primary-label)
    }

    .comment-menu .more[data-v-aed4aacc] {
        cursor: pointer;
        color: var(--color-secondary-label)
    }

    .name[data-v-aed4aacc] {
        color: var(--color-tertiary-label);
        line-height: 18px
    }

    .name[data-v-aed4aacc]:hover {
        color: var(--color-secondary-label)
    }

    .tag[data-v-aed4aacc] {
        margin-left: 4px;
        padding: 3px 6px;
        font-size: 10px;
        color: var(--color-tertiary-label);
        background: var(--color-active-background);
        border-radius: 10.5px;
        font-weight: 500
    }

    .labels[data-v-aed4aacc] {
        margin-top: 8px
    }

    .labels .top[data-v-aed4aacc] {
        padding: 0 8px;
        background: var(--color-tinted-red);
        border-radius: 999px;
        font-weight: 500;
        font-size: 12px;
        line-height: 24px;
        height: 24px;
        color: var(--color-red);
        display: inline-block
    }

    .content[data-v-aed4aacc] {
        margin-top: 4px;
        line-height: 140%;
        color: var(--color-primary-label)
    }

    .content[data-v-aed4aacc] .nickname {
        color: var(--color-tertiary-label)
    }

    [data-v-aed4aacc] .img-box {
        margin-top: 8px
    }

    [data-v-aed4aacc] .like-wrapper {
        padding: 0 4px;
        color: var(--color-secondary-label);
        font-weight: 500
    }

    [data-v-aed4aacc] .like-wrapper:hover {
        color: var(--color-primary-label)
    }

    [data-v-aed4aacc] .like-lottie {
        left: 4px
    }

    .info[data-v-aed4aacc] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-size: 12px;
        line-height: 16px;
        color: var(--color-tertiary-label)
    }

    .location[data-v-aed4aacc] {
        margin-left: 4px;
        line-height: 120%
    }

    .interactions[data-v-aed4aacc] {
        display: flex;
        margin-left: -2px
    }

    .date[data-v-aed4aacc] {
        margin: 8px 0
    }

    .reply[data-v-aed4aacc] {
        padding: 0 4px;
        margin-left: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }

    [data-v-aed4aacc] .count {
        margin-left: 2px;
        font-weight: 500
    }

    .reply-container[data-v-aed4aacc] {
        margin-left: 52px
    }

    .reply-container .right[data-v-aed4aacc] {
        border-bottom: none;
        padding-bottom: 0;
        margin-left: 12px;
        flex-grow: 1
    }

    .reply-container .content[data-v-aed4aacc] {
        width: auto;
        word-break: break-all
    }

    .icon-container[data-v-aed4aacc] {
        color: var(--color-secondary-label)
    }

    .icon-container[data-v-aed4aacc]:hover {
        color: var(--color-primary-label)
    }

    .delete-icon[data-v-aed4aacc] {
        color: var(--color-secondary-label)
    }

    @keyframes fadeout-aed4aacc {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }

    .delete-dropdown {
        z-index: 20
    }

    .delete-dropdown .menu-wrapper {
        padding: 4px;
        background: var(--color-background);
        border: 1px solid var(--color-border);
        box-shadow: 0 10px 100px var(--color-shadow-border);
        border-radius: 12px;
        width: 92px;
        z-index: 1;
        width: 100%
    }

    .delete-dropdown .menu-item {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        width: 100%;
        cursor: pointer;
        color: var(--color-primary-label);
        transition: all .2s;
        border-radius: 8px;
        font-size: 16px
    }

    .delete-dropdown .menu-item:hover {
        background: var(--color-active-background)
    }

    .delete-dropdown .menu-item svg {
        margin-right: 12px
    }

    .delete-dropdown .dropdown-items {
        padding: 0;
        min-width: 92px
    }

    .comments-el[data-v-4a19279a] {
        position: relative
    }

    .comments-container[data-v-4a19279a] {
        padding: 16px
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .comments-container[data-v-4a19279a] {
            padding: 16px 12px
        }
    }

    @media screen and (max-width: 1191px) {
        .comments-container[data-v-4a19279a] {
            padding: 16px 8px
        }
    }

    .comments-container.no-bottom-padding[data-v-4a19279a] {
        padding-bottom: 0
    }

    .total[data-v-4a19279a] {
        font-size: 14px;
        color: var(--color-tertiary-label);
        margin-left: 8px;
        margin-bottom: 12px
    }

    .show-more[data-v-4a19279a] {
        margin-left: 44px;
        height: 32px;
        line-height: 32px;
        color: var(--color-link);
        cursor: pointer;
        font-weight: 500;
        font-size: 14px
    }

    .loading[data-v-4a19279a] {
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        color: var(--color-tertiary-label)
    }

    .loading svg[data-v-4a19279a] {
        margin-right: 6px
    }

    .list-container[data-v-4a19279a] {
        position: relative
    }

    .no-comments[data-v-4a19279a] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 20px 0;
        gap: 20px
    }

    .no-comments-image[data-v-4a19279a] {
        width: 100px;
        height: 100px
    }

    .no-comments-text[data-v-4a19279a] {
        color: var(--color-tertiary-label);
        margin: 0
    }

    .focus-comments[data-v-4a19279a] {
        color: var(--color-link);
        cursor: pointer;
        margin-left: 4px
    }

    .comments-login[data-v-4a19279a] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 126px;
        margin-top: 16px;
        border-top: 1px solid var(--color-border)
    }

    .comments-login-text[data-v-4a19279a] {
        font-size: 18px;
        font-weight: 600;
        color: var(--color-primary-label);
        margin: 0
    }

    .to-login[data-v-4a19279a] {
        width: 64px;
        height: 40px;
        border: 1px solid var(--color-red);
        border-radius: 999px;
        color: var(--color-white);
        font-weight: 500;
        cursor: pointer;
        margin-top: 16px;
        background-color: var(--color-red);
        padding: 0 16px
    }

    .blank[data-v-4a19279a] {
        margin-top: 10px
    }

    .parent-comment[data-v-4a19279a] {
        margin-bottom: 16px
    }

    .parent-comment[data-v-4a19279a]:last-child {
        margin-bottom: 0
    }

    .collect-wrapper[data-v-0fff1a5a] {
        position: relative;
        cursor: pointer;
        display: flex;
        align-items: center;
        color: var(--color-tertiary-label)
    }

    .count[data-v-0fff1a5a] {
        color: var(--color-primary-label)
    }

    .collect-icon[data-v-0fff1a5a] {
        color: var(--color-primary-label)
    }

    .collect-icon.active[data-v-0fff1a5a] {
        visibility: hidden
    }

    .message-container[data-v-0fff1a5a] {
        position: relative;
        padding: 16px
    }

    .share-container[data-v-fe59674e] {
        position: absolute;
        z-index: 35
    }

    .share-wrapper[data-v-fe59674e] {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 16px;
        width: 240px;
        background: var(--elevation-high-background);
        box-shadow: var(--elevation-high-shadow);
        border-radius: 12px
    }

    .share-wrapper .share-wrapper-header[data-v-fe59674e] {
        color: var(--color-primary-label);
        font-weight: 600;
        font-size: 16px;
        line-height: 120%
    }

    .share-wrapper .text[data-v-fe59674e] {
        margin: 8px 0;
        font-size: 14px;
        line-height: 120%;
        color: var(--color-tertiary-label);
        text-align: center
    }

    .qrcode-wrapper[data-v-fe59674e] {
        margin-top: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px;
        background-color: var(--color-white);
        border-radius: 8px;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 1px 2px 0 rgba(0, 0, 0, 0.02)
    }

    .qrcode-wrapper .Qr-code[data-v-fe59674e] {
        width: 128px;
        height: 128px
    }

    .qrcode-wrapper .Qr-code img[data-v-fe59674e] {
        width: 100%;
        height: 100%
    }

    .share-tools[data-v-fe59674e] {
        padding: 6px;
        width: 100%;
        height: 56px;
        border-top: 1px solid var(--color-border);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 8px
    }

    .item[data-v-fe59674e] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 999px;
        cursor: pointer;
        color: var(--color-secondary-label)
    }

    .item[data-v-fe59674e]:hover {
        background: var(--color-active-background);
        position: relative
    }

    .item:hover .item-icon[data-v-fe59674e] {
        color: var(--color-primary-label)
    }

    .item[data-v-fe59674e]::before {
        content: attr(data-tooltip);
        visibility: hidden;
        height: 28px;
        padding: 2px 8px 2px 8px;
        position: absolute;
        bottom: calc(100% + 4px);
        left: 50%;
        transform: translateX(-50%);
        border-radius: 6px;
        background: var(--elevation-low-background);
        box-shadow: var(--elevation-low-shadow);
        white-space: nowrap;
        color: var(--color-secondary-label);
        font-size: 12px;
        line-height: 28px
    }

    .item[data-v-fe59674e]:hover::before {
        visibility: visible;
        display: block
    }

    .buttons[data-v-46299452] {
        display: flex;
        justify-content: space-between
    }

    .buttons .left[data-v-46299452] {
        display: flex
    }

    .buttons[data-v-46299452] .count {
        margin-left: 6px;
        margin-right: 12px;
        font-weight: 500;
        font-size: 12px
    }

    .buttons .share-wrapper[data-v-46299452] {
        position: relative
    }

    .buttons .share-wrapper .share-popup-container[data-v-46299452] {
        position: absolute;
        top: 0;
        left: 0;
        padding-bottom: 12px
    }

    .buttons .share-wrapper .share-icon-container[data-v-46299452] {
        cursor: pointer;
        color: var(--color-primary-label);
        overflow-y: hidden
    }

    .buttons .share-wrapper .share-icon-container .share-icon[data-v-46299452] {
        transform: translateY(-100%);
        transition: transform .3s ease
    }

    @media (any-hover: hover) {
        .buttons .share-wrapper .hovered:hover .share-icon[data-v-46299452] {
            transform: translateY(0%)
        }
    }

    @media (any-hover: hover) {
        .buttons .share-wrapper .stay-hovered .share-icon[data-v-46299452] {
            transform: translateY(0%)
        }
    }

    .buttons.engage-bar-style[data-v-46299452] {
        justify-content: space-around;
        margin-left: 4px
    }

    .buttons.engage-bar-style .left[data-v-46299452] .count {
        margin-left: 4px;
        margin-right: 0;
        font-weight: 500;
        font-size: 14px
    }

    .buttons.engage-bar-style .chat-wrapper[data-v-46299452], .buttons.engage-bar-style .like-wrapper[data-v-46299452], .buttons.engage-bar-style .share-wrapper[data-v-46299452], .buttons.engage-bar-style .collect-wrapper[data-v-46299452] {
        padding: 0 8px
    }

    .buttons.engage-bar-style .chat-wrapper[data-v-46299452] .like-lottie, .buttons.engage-bar-style .like-wrapper[data-v-46299452] .like-lottie, .buttons.engage-bar-style .share-wrapper[data-v-46299452] .like-lottie, .buttons.engage-bar-style .collect-wrapper[data-v-46299452] .like-lottie {
        left: 8px
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .buttons.engage-bar-style .chat-wrapper[data-v-46299452], .buttons.engage-bar-style .like-wrapper[data-v-46299452], .buttons.engage-bar-style .share-wrapper[data-v-46299452], .buttons.engage-bar-style .collect-wrapper[data-v-46299452] {
            padding: 0 4px
        }

        .buttons.engage-bar-style .chat-wrapper[data-v-46299452] .like-lottie, .buttons.engage-bar-style .like-wrapper[data-v-46299452] .like-lottie, .buttons.engage-bar-style .share-wrapper[data-v-46299452] .like-lottie, .buttons.engage-bar-style .collect-wrapper[data-v-46299452] .like-lottie {
            left: 4px
        }
    }

    .chat-wrapper[data-v-46299452] {
        cursor: pointer;
        color: var(--color-primary-label);
        display: flex;
        align-items: center
    }

    .note-content[data-v-610be4fa] {
        padding: 0 24px 24px 24px;
        color: var(--color-primary-label)
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .note-content[data-v-610be4fa] {
            padding: 0 20px 20px 20px
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .note-content[data-v-610be4fa] {
            padding: 0 16px 16px 16px
        }
    }

    @media screen and (max-width: 959px) {
        .note-content[data-v-610be4fa] {
            padding: 16px
        }
    }

    .title[data-v-610be4fa] {
        margin-bottom: 8px;
        font-weight: 600;
        font-size: 18px;
        line-height: 140%
    }

    .desc[data-v-610be4fa] {
        margin: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: var(--color-primary-label);
        white-space: pre-wrap;
        overflow-wrap: break-word
    }

    .date[data-v-610be4fa] {
        font-size: 14px;
        line-height: 120%;
        color: var(--color-tertiary-label)
    }

    .tag[data-v-610be4fa] {
        margin-right: 2px;
        color: var(--color-link)
    }

    .close[data-v-610be4fa] {
        font-size: 14px;
        font-weight: 500;
        color: var(--color-link);
        cursor: pointer
    }

    .bottom-container[data-v-610be4fa] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 12px
    }

    .search-position[data-v-55b92fc0] {
        display: flex;
        position: fixed;
        z-index: 100011;
        left: 0;
        top: 0;
        width: 0;
        height: 0
    }

    .select-container[data-v-55b92fc0] {
        display: flex;
        align-items: center;
        transform: translate(-50%, -36px);
        max-width: 200px;
        color: var(--color-secondary-label);
        font-size: 14px;
        background: var(--elevation-high-background);
        box-shadow: var(--elevation-high-shadow);
        border: 1px solid var(--color-border);
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        height: 28px;
        border-radius: 8px
    }

    .select-area[data-v-55b92fc0] {
        display: flex;
        align-items: center;
        line-height: 28px;
        height: 28px;
        padding: 0 8px;
        overflow: hidden;
        border-radius: 8px
    }

    .select-area[data-v-55b92fc0]:hover {
        background: var(--color-active-background);
        color: var(--color-primary-label)
    }

    .text[data-v-55b92fc0] {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .icon[data-v-55b92fc0] {
        margin-left: 4px;
        display: flex;
        height: 100%;
        align-items: center
    }

    .force-min-interaction-container[data-v-6f638ad4] {
        overflow: initial !important;
        width: 100vw !important
    }

    @media screen and (min-width: 1192px) {
        .undertake-min-interaction-container[data-v-6f638ad4] {
            width: 100% !important;
            overflow: initial !important;
            border: none !important
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .undertake-min-interaction-container[data-v-6f638ad4] {
            width: 100% !important;
            overflow: initial !important
        }
    }

    .interaction-container[data-v-6f638ad4] {
        flex-shrink: 0;
        border-radius: 0 20px 20px 0;
        position: relative;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        height: 100%;
        background-color: var(--elevation-note-background);
        overflow: visible;
        border-left: 1px solid var(--color-border);
        width: var(--interaction-width)
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .interaction-container[data-v-6f638ad4] {
            overflow: initial;
            border-left: none
        }
    }

    @media screen and (max-width: 695px) {
        .interaction-container[data-v-6f638ad4] {
            overflow: initial;
            border-left: none
        }
    }

    .note-scroller[data-v-6f638ad4] {
        transition: scroll .4s;
        overflow-y: scroll;
        flex-grow: 1
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .note-scroller[data-v-6f638ad4] {
            overflow: initial
        }
    }

    @media screen and (max-width: 695px) {
        .note-scroller[data-v-6f638ad4] {
            overflow: initial
        }
    }

    [data-v-6f638ad4]::-webkit-scrollbar {
        background-color: transparent
    }

    .interactions[data-v-6f638ad4] {
        flex-shrink: 0;
        padding: 12px 24px 24px 24px;
        height: 142px;
        border-top: 1px solid var(--color-border);
        flex-basis: 130px;
        z-index: 1
    }

    @media screen and (max-width: 959px) {
        .interactions[data-v-6f638ad4] {
            position: -webkit-sticky;
            position: sticky;
            width: 100%;
            bottom: 0;
            background: var(--elevation-note-background)
        }
    }

    .interactions.engage-bar[data-v-6f638ad4] {
        padding: 16px 16px 0 16px;
        padding-bottom: env(safe-area-inset-bottom);
        flex-basis: unset;
        height: unset
    }

    .interactions.nio[data-v-6f638ad4] {
        padding: 12px
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .author-container[data-v-6f638ad4] {
            display: none
        }
    }

    @media screen and (max-width: 695px) {
        .author-container[data-v-6f638ad4] {
            display: none
        }
    }

    .force-min-author-container[data-v-6f638ad4] {
        display: none
    }

    .undertake-min-author-container[data-v-6f638ad4] {
        display: none
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .undertake-min-author-container[data-v-6f638ad4] {
            display: flex !important
        }
    }

    .nio-comment[data-v-6f638ad4] {
        flex-basis: auto !important;
        height: auto
    }

    .interaction-divider[data-v-6f638ad4] {
        margin: 0 24px
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .interaction-divider[data-v-6f638ad4] {
            margin: 0 20px
        }
    }

    @media screen and (max-width: 1191px) {
        .interaction-divider[data-v-6f638ad4] {
            margin: 0 16px
        }
    }

    .undertake-comment[data-v-6f638ad4] {
        flex-basis: auto !important;
        height: auto;
        background: var(--elevation-note-background)
    }

    @media screen and (min-width: 1192px) {
        .undertake-comment[data-v-6f638ad4] {
            position: -webkit-sticky;
            position: sticky;
            bottom: 0
        }
    }

    .force-min-author-container[data-v-6f638ad4] {
        display: none
    }

    .undertake-min-note-scroller[data-v-6f638ad4] {
        overflow: scroll
    }

    @media screen and (min-width: 1424px) {
        .undertake-min-note-scroller[data-v-6f638ad4] {
            overflow: initial
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .undertake-min-note-scroller[data-v-6f638ad4] {
            overflow: initial
        }
    }

    .undertake-min-note-scroller[data-v-6f638ad4] .note-content {
        padding: 24px;
        color: var(--color-primary-label)
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .undertake-min-note-scroller[data-v-6f638ad4] .note-content {
            padding: 20px
        }
    }

    .note-warning-tip[data-v-bafbfea0] {
        width: 100%;
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        align-items: center;
        z-index: 101;
        color: var(--color-white);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
        padding: 24px
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .note-warning-tip[data-v-bafbfea0] {
            padding: 20px
        }
    }

    @media screen and (max-width: 959px) {
        .note-warning-tip[data-v-bafbfea0] {
            padding: 16px
        }
    }

    .icon[data-v-bafbfea0] {
        color: var(--color-white);
        margin-right: 8px;
        flex-shrink: 0
    }

    .text[data-v-bafbfea0] {
        flex-wrap: wrap;
        display: flex;
        font-size: 16px;
        line-height: 120%
    }

    .player-container[data-v-1bce3c7c] {
        width: 100%;
        height: 100%
    }

    .player-el[data-v-1bce3c7c] {
        width: 100%;
        height: 100%
    }

    [data-v-1bce3c7c] .xgplayer-poster {
        transition: none !important
    }

    .nio[data-v-1bce3c7c] .xgplayer-volume {
        display: none !important
    }

    .nio[data-v-1bce3c7c] .xgplayer-more {
        display: none !important
    }

    .nio[data-v-1bce3c7c] .xgplayer-pip {
        display: none !important
    }

    .nio[data-v-1bce3c7c] .xgplayer-fullscreen {
        display: none !important
    }

    .nio[data-v-1bce3c7c] video {
        pointer-events: none
    }

    .render-ssr-image[data-v-1bce3c7c] .xgplayer-poster {
        width: calc(100% - 2px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        background-position: center;
        background-repeat: no-repeat
    }

    .slider-pagination-container[data-v-16dd1638] {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 36px;
        width: 100%
    }

    @media screen and (max-width: 959px) {
        .slider-pagination-container[data-v-16dd1638] {
            position: static;
            bottom: 0;
            height: 24px;
            margin: 4px 0
        }
    }

    .dot[data-v-16dd1638] {
        margin: 0 3px;
        width: 6px;
        height: 6px;
        border-radius: 6px;
        background: var(--color-white);
        opacity: .5;
        transition: background .3s;
        filter: drop-shadow(0 1px 4px var(--mask-backdrop))
    }

    @media screen and (max-width: 959px) {
        .dot[data-v-16dd1638] {
            background: var(--color-quaternary-label);
            filter: none
        }
    }

    .dot.active[data-v-16dd1638] {
        background: var(--color-white);
        opacity: 1
    }

    @media screen and (max-width: 959px) {
        .dot.active[data-v-16dd1638] {
            background: var(--color-red)
        }
    }

    .pagination-item[data-v-16dd1638] {
        height: 24px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .pagination-list[data-v-16dd1638] {
        height: 24px;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        padding: 0 6px;
        border-radius: 999px;
        transition: all .15s ease-out
    }

    @media screen and (max-width: 959px) {
        .pagination-list[data-v-16dd1638] {
            position: static
        }
    }

    .pagination-list.active[data-v-16dd1638], .pagination-list[data-v-16dd1638]:hover {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background: var(--material-background)
    }

    @media screen and (max-width: 959px) {
        .pagination-list.active[data-v-16dd1638], .pagination-list[data-v-16dd1638]:hover {
            background: var(--color-active-background)
        }
    }

    @media screen and (max-width: 959px) {
        .pagination-media-container[data-v-16dd1638] {
            display: none
        }
    }

    @media screen and (min-width: 960px) {
        .pagination-teleport-container[data-v-16dd1638] {
            display: none
        }
    }

    .live-video-wrapper[data-v-57d1bfea] {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .live-photo-contain[data-v-57d1bfea] {
        position: absolute;
        border-radius: 20px 0 0 20px;
        overflow: hidden
    }

    .live-img[data-v-57d1bfea] {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: contain;
        z-index: 2;
        transition: all .3s ease-in-out
    }

    .live-img-visible[data-v-57d1bfea] {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }

    .live-img-hide[data-v-57d1bfea] {
        opacity: 0;
        transform: translate3d(-.35%, -.35%, 0) scale3d(1.075, 1.075, 1)
    }

    .live-video[data-v-57d1bfea] {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        transform-origin: center center;
        transition: transform .2s linear
    }

    .live-video-pause[data-v-57d1bfea] {
        transform: translate3d(0, 0, 0) scale3d(.930233, .930131, 1);
        display: none
    }

    .live-video-play[data-v-57d1bfea] {
        transform: translate3d(-.35%, -.35%, 0) scale3d(1.075, 1.075, 1);
        display: block
    }

    .live-photo-contain[data-v-730a9498] {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        top: 0;
        left: 0
    }

    .live-control-container[data-v-730a9498] {
        position: absolute;
        left: 16px;
        top: 16px;
        z-index: 10;
        cursor: default;
        display: flex;
        flex-direction: column
    }

    .live-control-container:hover .chevron[data-v-730a9498] {
        opacity: 1;
        width: 24px
    }

    .dropdown-contain[data-v-730a9498] {
        position: relative
    }

    .live-photo-control[data-v-730a9498] {
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        display: flex;
        align-items: center
    }

    .control-content[data-v-730a9498] {
        height: 24px;
        border-radius: 12px;
        color: var(--color-white);
        background: var(--material-background);
        -webkit-backdrop-filter: var(--material-filter);
        backdrop-filter: var(--material-filter);
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        cursor: pointer
    }

    .live-icon[data-v-730a9498] {
        margin: 2px
    }

    .chevron[data-v-730a9498] {
        display: flex;
        width: 8px;
        height: 100%;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: all 150ms
    }

    .dropdown-menu[data-v-730a9498] {
        margin-top: 8px
    }

    .menu-item[data-v-730a9498] {
        font-size: 14px;
        color: var(--color-white);
        display: flex;
        align-items: center;
        min-width: 0;
        border-radius: 12px;
        padding: 4px;
        background: var(--material-background);
        -webkit-backdrop-filter: var(--material-filter);
        backdrop-filter: var(--material-filter);
        cursor: pointer
    }

    .item-content[data-v-730a9498] {
        display: flex;
        align-items: center;
        height: 32px;
        padding: 0 8px 0 12px;
        border-radius: 8px
    }

    .item-content[data-v-730a9498]:hover {
        background: var(--color-active-background)
    }

    .switch[data-v-730a9498] {
        margin-right: 6px
    }

    .img-container[data-v-730a9498] {
        width: 100%;
        height: 100%;
        position: relative
    }

    .note-slider-img[data-v-091db4f0] {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .fullscreen-img-viewer[data-v-567c5164] {
        background: var(--color-background);
        opacity: 1;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        display: block;
        width: 100%;
        height: 100%
    }

    .img-contain[data-v-567c5164] {
        position: relative;
        width: 100%;
        height: 100%
    }

    .close-icon-wrapper[data-v-567c5164] {
        position: absolute;
        cursor: pointer;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 10
    }

    @media screen and (min-width: 1728px) {
        .close-icon-wrapper[data-v-567c5164] {
            left: 32px;
            top: 32px
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 1727px) {
        .close-icon-wrapper[data-v-567c5164] {
            left: 32px;
            top: 32px
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .close-icon-wrapper[data-v-567c5164] {
            left: 24px;
            top: 24px
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .close-icon-wrapper[data-v-567c5164] {
            left: 24px;
            top: 24px
        }
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .close-icon-wrapper[data-v-567c5164] {
            display: none
        }
    }

    @media screen and (max-width: 695px) {
        .close-icon-wrapper[data-v-567c5164] {
            display: none
        }
    }

    .close-icon-dark[data-v-567c5164] {
        border-radius: 999px;
        background: var(--material-background);
        color: #fff;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

    .fullscreen-glass[data-v-567c5164] {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        background: var(--mask-backdrop)
    }

    .img-zoom-out[data-v-567c5164] {
        animation: img-zoom-out-567c5164 150ms
    }

    .img-zoom-in[data-v-567c5164] {
        animation: img-zoom-out-567c5164 150ms reverse
    }

    .zoom-enter-active[data-v-567c5164] {
        animation: zoom-out-567c5164 150ms
    }

    .zoom-leave-active[data-v-567c5164] {
        animation: zoom-out-567c5164 150ms reverse
    }

    @keyframes zoom-out-567c5164 {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }

    @keyframes img-zoom-out-567c5164 {
        0% {
            transform: scale(.98)
        }
        100% {
            transform: scale(1)
        }
    }

    /**
     * Swiper 8.3.2
     * Most modern mobile touch slider and framework with hardware accelerated transitions
     * https://swiperjs.com
     *
     * Copyright 2014-2022 Vladimir Kharlampidi
     *
     * Released under the MIT License
     *
     * Released on: July 26, 2022
     */

    @font-face {
        font-family: swiper-icons;
        src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
        font-weight: 400;
        font-style: normal
    }

    :root {
        --swiper-theme-color: #007aff
    }

    .swiper {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1
    }

    .swiper-vertical > .swiper-wrapper {
        flex-direction: column
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        box-sizing: content-box
    }

    .swiper-android .swiper-slide, .swiper-wrapper {
        transform: translate3d(0px, 0, 0)
    }

    .swiper-pointer-events {
        touch-action: pan-y
    }

    .swiper-pointer-events.swiper-vertical {
        touch-action: pan-x
    }

    .swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform
    }

    .swiper-slide-invisible-blank {
        visibility: hidden
    }

    .swiper-autoheight, .swiper-autoheight .swiper-slide {
        height: auto
    }

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform, height
    }

    .swiper-backface-hidden .swiper-slide {
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
        perspective: 1200px
    }

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
        transform-style: preserve-3d
    }

    .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-3d .swiper-slide-shadow {
        background: rgba(0, 0, 0, .15)
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-css-mode > .swiper-wrapper {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

    .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
        -webkit-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory
    }

    .swiper-vertical.swiper-css-mode > .swiper-wrapper {
        -webkit-scroll-snap-type: y mandatory;
        scroll-snap-type: y mandatory
    }

    .swiper-centered > .swiper-wrapper::before {
        content: '';
        flex-shrink: 0;
        order: 9999
    }

    .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
        -webkit-margin-start: var(--swiper-centered-offset-before);
        margin-inline-start: var(--swiper-centered-offset-before)
    }

    .swiper-centered.swiper-horizontal > .swiper-wrapper::before {
        height: 100%;
        min-height: 1px;
        width: var(--swiper-centered-offset-after)
    }

    .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
        -webkit-margin-before: var(--swiper-centered-offset-before);
        margin-block-start: var(--swiper-centered-offset-before)
    }

    .swiper-centered.swiper-vertical > .swiper-wrapper::before {
        width: 100%;
        min-width: 1px;
        height: var(--swiper-centered-offset-after)
    }

    .swiper-centered > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: center center
    }

    .slider-container[data-v-2ae7b646] {
        cursor: pointer
    }

    @media screen and (min-width: 1728px) {
        .slider-container[data-v-2ae7b646] {
            --sliderWidth: 100%
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 1727px) {
        .slider-container[data-v-2ae7b646] {
            --sliderWidth: 100%
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .slider-container[data-v-2ae7b646] {
            --sliderWidth: 100%
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .slider-container[data-v-2ae7b646] {
            --sliderWidth: 100%
        }
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .slider-container[data-v-2ae7b646] {
            --sliderWidth: 100vw
        }
    }

    @media screen and (max-width: 695px) {
        .slider-container[data-v-2ae7b646] {
            --sliderWidth: 100vw
        }
    }

    .slider-container[data-v-2ae7b646] {
        width: var(--sliderWidth);
        height: 100%
    }

    .slider-container:hover .arrow-controller[data-v-2ae7b646] {
        color: var(--color-secondary-label)
    }

    .slider-container:hover .arrow-controller.left[data-v-2ae7b646] {
        transform: translate(0, -50%)
    }

    .slider-container:hover .arrow-controller.right[data-v-2ae7b646] {
        transform: translate(0, -50%) rotate(180deg)
    }

    .slider-container:hover .btn-wrapper[data-v-2ae7b646] {
        opacity: 1
    }

    .slider-container:hover .fraction[data-v-2ae7b646] {
        opacity: 1
    }

    .slider-zoom-out[data-v-2ae7b646] {
        cursor: zoom-out
    }

    .slider-zoom-in[data-v-2ae7b646] {
        cursor: zoom-in
    }

    .cover[data-v-2ae7b646] {
        position: relative
    }

    .cover[data-v-2ae7b646]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
        transition: -webkit-backdrop-filter .2s;
        transition: backdrop-filter .2s;
        transition: backdrop-filter .2s, -webkit-backdrop-filter .2s
    }

    .cover.ld[data-v-2ae7b646]::before {
        -webkit-backdrop-filter: blur(0);
        backdrop-filter: blur(0)
    }

    .cover.no-before[data-v-2ae7b646]::before {
        display: none
    }

    .note-slider[data-v-2ae7b646] {
        width: calc(100% - 0.5px);
        height: 100%
    }

    [data-v-2ae7b646] .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        transition: background .2s;
        position: relative
    }

    [data-v-2ae7b646] .swiper-slide img {
        max-width: 100%;
        max-height: 100%
    }

    .fraction[data-v-2ae7b646] {
        position: absolute;
        padding: 4px 8px;
        text-align: center;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        border-radius: 12px;
        z-index: 2;
        color: var(--color-white);
        background: var(--material-background);
        -webkit-backdrop-filter: var(--material-filter);
        backdrop-filter: var(--material-filter);
        opacity: 0;
        transition: all .3s;
        right: 16px;
        top: 16px
    }

    @media screen and (max-width: 959px) {
        .fraction[data-v-2ae7b646] {
            right: 12px;
            top: 12px
        }
    }

    .arrow-controller[data-v-2ae7b646] {
        position: absolute;
        top: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 3;
        cursor: pointer;
        transition: all .3s;
        padding: 16px
    }

    @media screen and (max-width: 959px) {
        .arrow-controller[data-v-2ae7b646] {
            padding: 12px
        }
    }

    .arrow-controller.forbidden[data-v-2ae7b646] {
        opacity: .5;
        cursor: not-allowed
    }

    .arrow-controller .btn-wrapper[data-v-2ae7b646] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border-radius: 999px;
        background: var(--material-background);
        transition: all .3s;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        opacity: 0;
        color: var(--color-white)
    }

    .arrow-controller.left[data-v-2ae7b646] {
        left: 0;
        transform: translate(-16px, -50%)
    }

    @media screen and (max-width: 959px) {
        .arrow-controller.left[data-v-2ae7b646] {
            transform: translate(-12px, -50%)
        }
    }

    .arrow-controller.right[data-v-2ae7b646] {
        right: 0;
        transform: translate(16px, -50%) rotate(180deg)
    }

    @media screen and (max-width: 959px) {
        .arrow-controller.right[data-v-2ae7b646] {
            transform: translate(12px, -50%) rotate(180deg)
        }
    }

    .zoom-in[data-v-2ae7b646] {
        cursor: zoom-in
    }

    .zoom-out[data-v-2ae7b646] {
        cursor: zoom-out
    }

    [data-v-2ae7b646] .swiper-slide {
        transition: none
    }

    #copy-img-guide[data-v-2ae7b646] {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2
    }

    [data-v-0f8a35f8] .note-content-emoji {
        margin: 0 1px;
        height: 16px;
        transform: translate(0, 2px);
        position: relative
    }

    [data-v-0f8a35f8] .note-content-user {
        color: var(--color-link)
    }

    .note-container[data-v-0f8a35f8] {
        display: flex;
        box-shadow: var(--elevation-note-shadow);
        border-radius: 20px;
        overflow: hidden;
        background: var(--elevation-note-background);
        transform-origin: left top
    }

    @media screen and (min-width: 1728px) {
        .note-container[data-v-0f8a35f8] {
            height: calc(100% - 2 * 32px)
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 1727px) {
        .note-container[data-v-0f8a35f8] {
            height: calc(100% - 2 * 32px)
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .note-container[data-v-0f8a35f8] {
            height: calc(100% - 2 * 24px)
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .note-container[data-v-0f8a35f8] {
            height: calc(100% - 2 * 24px)
        }
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .note-container[data-v-0f8a35f8] {
            height: 100%;
            width: 100%;
            border: 0;
            flex-direction: column;
            overflow: scroll;
            box-shadow: none;
            border-radius: 0;
            transition: none
        }
    }

    @media screen and (max-width: 695px) {
        .note-container[data-v-0f8a35f8] {
            box-shadow: none;
            height: 100%;
            width: 100%;
            border-radius: 0;
            border: 0;
            flex-direction: column;
            overflow: scroll;
            transition: none
        }
    }

    .media-container[data-v-0f8a35f8] {
        position: relative;
        background: var(--color-active-background);
        flex-shrink: 0;
        flex-grow: 0;
        -webkit-user-select: none;
        user-select: none;
        overflow: hidden;
        border-radius: 20px 0 0 20px;
        transform: translateZ(0);
        height: 100%;
        object-fit: contain;
        width: auto;
        min-width: var(--interaction-width)
    }

    @media screen and (min-width: 1728px) {
        .media-container[data-v-0f8a35f8] {
            height: auto !important;
            max-width: calc(100vw - 80px - var(--interaction-width) - 4 * 32px)
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 1727px) {
        .media-container[data-v-0f8a35f8] {
            height: auto !important;
            max-width: calc(100vw - 80px - var(--interaction-width) - 4 * 32px)
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .media-container[data-v-0f8a35f8] {
            height: auto !important;
            max-width: calc(100vw - 80px - var(--interaction-width) - 4 * 24px)
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .media-container[data-v-0f8a35f8] {
            height: auto !important;
            max-width: calc(100vw - 80px - var(--interaction-width) - 4 * 24px)
        }
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .media-container[data-v-0f8a35f8] {
            max-width: 100%;
            min-height: 50vw;
            max-height: 60vw;
            border-radius: 0;
            transition: none
        }
    }

    @media screen and (max-width: 695px) {
        .media-container[data-v-0f8a35f8] {
            max-width: 100%;
            border-radius: 0;
            min-height: 50vw;
            max-height: 60vw;
            border-radius: 0;
            transition: none
        }
    }

    .media-container.video-player-media[data-v-0f8a35f8] {
        background-color: #000
    }

    .author[data-v-0f8a35f8] {
        background: var(--elevation-note-background);
        height: 64px;
        position: -webkit-sticky;
        position: sticky;
        z-index: 5;
        top: 0;
        display: none
    }

    .author.min-container-author[data-v-0f8a35f8] {
        display: flex
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .author[data-v-0f8a35f8] {
            display: flex
        }
    }

    @media screen and (max-width: 695px) {
        .author[data-v-0f8a35f8] {
            display: flex
        }
    }

    .force-min-container[data-v-0f8a35f8] {
        height: 100%;
        width: 100%;
        border: 0;
        flex-direction: column;
        overflow: scroll;
        box-shadow: none;
        border-radius: 0;
        transition: none
    }

    .under-take-min-container-author[data-v-0f8a35f8] {
        display: flex
    }

    @media screen and (min-width: 1192px) {
        .under-take-min-container-author[data-v-0f8a35f8] {
            height: 72px
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .under-take-min-container-author[data-v-0f8a35f8] {
            display: none !important
        }

        .under-take-min-container-author .author[data-v-0f8a35f8] {
            display: flex !important
        }
    }

    .undertake-min-container[data-v-0f8a35f8] {
        height: 100%;
        width: 100%;
        border: 0;
        flex-direction: column;
        overflow: scroll;
        box-shadow: none;
        border-radius: 0;
        transition: none;
        border: 1px solid var(--color-border);
        border-radius: 20px
    }

    @media screen and (min-width: 1424px) {
        .undertake-min-container[data-v-0f8a35f8] {
            display: flex
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .undertake-min-container[data-v-0f8a35f8] {
            display: flex
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .undertake-min-container[data-v-0f8a35f8] {
            flex-direction: row;
            width: auto
        }
    }

    @media screen and (max-width: 959px) {
        .undertake-min-container[data-v-0f8a35f8] {
            border: none;
            border-radius: 0
        }
    }

    @media screen and (min-width: 1424px) and (min-width: 1728px) {
        .undertake-min-container[data-v-0f8a35f8] {
            width: calc(64px + calc((1728px - 7 * 32px) / 6 * 3))
        }
    }

    @media screen and (min-width: 1424px) and (min-width: 1424px) and (max-width: 1727px) {
        .undertake-min-container[data-v-0f8a35f8] {
            width: calc(64px + calc((100vw - 7 * 32px) / 6 * 3))
        }
    }

    @media screen and (min-width: 1424px) and (min-width: 1192px) and (max-width: 1423px) {
        .undertake-min-container[data-v-0f8a35f8] {
            width: calc(48px + calc((100vw - 6 * 24px) / 5 * 3))
        }
    }

    @media screen and (min-width: 1424px) and (min-width: 960px) and (max-width: 1191px) {
        .undertake-min-container[data-v-0f8a35f8] {
            width: calc(48px + calc((100vw - 5 * 24px) / 4 * 3))
        }
    }

    @media screen and (min-width: 1424px) and (min-width: 696px) and (max-width: 959px) {
        .undertake-min-container[data-v-0f8a35f8] {
            width: calc(48px + calc((100vw - 4 * 24px) / 3 * 3))
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 695px) {
        .undertake-min-container[data-v-0f8a35f8] {
            width: calc(24px + calc((100vw - 3 * 12px) / 2 * 3))
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) and (min-width: 1728px) {
        .undertake-min-container[data-v-0f8a35f8] {
            width: calc(32px + calc((1728px - 7 * 32px) / 6 * 2))
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) and (min-width: 1424px) and (max-width: 1727px) {
        .undertake-min-container[data-v-0f8a35f8] {
            width: calc(32px + calc((100vw - 7 * 32px) / 6 * 2))
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) and (min-width: 1192px) and (max-width: 1423px) {
        .undertake-min-container[data-v-0f8a35f8] {
            width: calc(24px + calc((100vw - 6 * 24px) / 5 * 2))
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) and (min-width: 960px) and (max-width: 1191px) {
        .undertake-min-container[data-v-0f8a35f8] {
            width: calc(24px + calc((100vw - 5 * 24px) / 4 * 2))
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) and (min-width: 696px) and (max-width: 959px) {
        .undertake-min-container[data-v-0f8a35f8] {
            width: calc(24px + calc((100vw - 4 * 24px) / 3 * 2))
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) and (max-width: 695px) {
        .undertake-min-container[data-v-0f8a35f8] {
            width: calc(12px + calc((100vw - 3 * 12px) / 2 * 2))
        }
    }

    .force-min-media[data-v-0f8a35f8] {
        max-width: 100%;
        min-height: 50vh;
        max-height: 50vh;
        border-radius: 0;
        transition: none;
        min-width: 100vw
    }

    #pagination-teleport-container[data-v-0f8a35f8] {
        flex-shrink: 0
    }

    .under-take-min-media[data-v-0f8a35f8] {
        max-width: 100%;
        min-height: 50vh;
        max-height: 50vh;
        border-radius: 0;
        transition: none
    }

    @media screen and (min-width: 1424px) {
        .under-take-min-media[data-v-0f8a35f8] {
            width: 100% !important
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .under-take-min-media[data-v-0f8a35f8] {
            width: 100% !important
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .under-take-min-media[data-v-0f8a35f8] {
            max-height: 100% !important
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .under-take-pagination-teleport-container[data-v-0f8a35f8] {
            display: none
        }
    }

    [data-v-ef99cbbc] .note-container {
        box-shadow: none;
        box-sizing: content-box;
        border: 1px solid var(--color-border);
        transition: height .6s
    }

    @media screen and (min-width: 1728px) {
        [data-v-ef99cbbc] .note-container {
            height: calc(100vh - 72px - 16px - 32px)
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 1727px) {
        [data-v-ef99cbbc] .note-container {
            height: calc(100vh - 72px - 16px - 32px)
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        [data-v-ef99cbbc] .note-container {
            height: calc(100vh - 72px - 16px - 24px)
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        [data-v-ef99cbbc] .note-container {
            height: calc(100vh - 72px - 16px - 24px)
        }
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        [data-v-ef99cbbc] .note-container {
            width: 100%
        }
    }

    [data-v-ef99cbbc] .note-container + narrowerThanMINMed

    ia
    (
    )
    {
        width: 100%
    }
    [data-v-ef99cbbc] .media-container {
        transition: none
    }

    @media screen and (min-width: 1728px) {
        [data-v-ef99cbbc] .media-container {
            max-width: calc(1728px - var(--interaction-width) - calc((1728px - 7 * 32px) / 6 * 1) - 3 * 16px)
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 1727px) {
        [data-v-ef99cbbc] .media-container {
            max-width: calc(100vw - var(--interaction-width) - calc((100vw - 7 * 32px) / 6 * 1) - 3 * 32px)
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        [data-v-ef99cbbc] .media-container {
            max-width: calc(100vw - var(--interaction-width) - calc((100vw - 6 * 24px) / 5 * 1) - 3 * 24px)
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        [data-v-ef99cbbc] .media-container {
            max-width: calc(100vw - var(--interaction-width) - calc((100vw - 5 * 24px) / 4 * 1) - 3 * 24px)
        }
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        [data-v-ef99cbbc] .media-container {
            max-height: 50vh
        }
    }

    @media screen and (max-width: 695px) {
        [data-v-ef99cbbc] .media-container {
            max-height: 50vh
        }
    }

    .outer-link-container[data-v-ef99cbbc] {
        flex-grow: 1;
        width: 100%;
        height: calc(100vh - 72px - 16px);
        flex-shrink: 1;
        display: flex;
        justify-content: center;
        margin-top: 88px;
        transition: height .6s
    }

    @media screen and (min-width: 696px) and (max-width: 959px) {
        .outer-link-container[data-v-ef99cbbc] {
            margin-top: 72px;
            width: 100%;
            flex-direction: column;
            height: calc(100vh - 72px)
        }
    }

    @media screen and (max-width: 695px) {
        .outer-link-container[data-v-ef99cbbc] {
            margin-top: 72px;
            flex-direction: column;
            height: calc(100vh - 72px)
        }
    }

    .outer-link-container.gray[data-v-ef99cbbc] {
        filter: grayscale(0.95)
    }

    @media screen and (min-width: 1728px) {
        .outer-link-container[data-v-ef99cbbc] {
            width: calc(1728px - 32px - calc((1728px - 7 * 32px) / 6 * 1))
        }
    }

    @media screen and (min-width: 1424px) and (max-width: 1727px) {
        .outer-link-container[data-v-ef99cbbc] {
            width: calc(100vw - 32px - calc((100vw - 7 * 32px) / 6 * 1))
        }
    }

    @media screen and (min-width: 1192px) and (max-width: 1423px) {
        .outer-link-container[data-v-ef99cbbc] {
            width: calc(100vw - 24px - calc((100vw - 6 * 24px) / 5 * 1))
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1191px) {
        .outer-link-container[data-v-ef99cbbc] {
            width: calc(100vw - 24px - calc((100vw - 5 * 24px) / 4 * 1))
        }
    }

    [data-v-ef99cbbc] .close-box {
        top: 72px
    }

    [data-v-ef99cbbc] .explore-more {
        top: 132px;
        left: 16px;
        position: fixed
    }

    [data-v-ef99cbbc] .close-circle {
        display: none
    }

    #note-detail-origin[data-v-1a1001f4] {
        display: none
    }

    </style>
</head>
<body>
<div style="display: none;">
    <svg>
        <defs>
            <clipPath id="a">
                <rect width="72" height="72" rx="36"/>
            </clipPath>
            <clipPath id="a">
                <rect width="150" height="150" x=".5" rx="75"/>
            </clipPath>
            <clipPath id="a">
                <path d="M0 0h24v24H0z"/>
            </clipPath>
            <clipPath id="a">
                <path fill="#fff" d="M3 3h14v14H3z"/>
            </clipPath>
        </defs>
        <symbol id="creator" viewBox="0 0 24 24">
            <path fill="currentColor"
                  d="M16 4.8A4.2 4.2 0 0 1 20.2 9v6a4.2 4.2 0 0 1-4.2 4.2H8A4.2 4.2 0 0 1 3.8 15V9A4.2 4.2 0 0 1 8 4.8zM8 3a6 6 0 0 0-6 6v6a6 6 0 0 0 6 6h8a6 6 0 0 0 6-6V9a6 6 0 0 0-6-6z"/>
            <path fill="currentColor"
                  d="M11.1 15a.9.9 0 1 0 1.8 0v-2.1H15a.9.9 0 1 0 0-1.8h-2.1V9a.9.9 0 1 0-1.8 0v2.1H9a.9.9 0 0 0 0 1.8h2.1z"/>
        </symbol>
        <symbol id="close" viewBox="0 0 24 24">
            <path d="M19.23 4.772a.92.92 0 0 1 0 1.301l-5.928 5.928 5.926 5.925a.92.92 0 0 1-1.302 1.302l-5.925-5.926-5.928 5.929a.92.92 0 0 1-1.214.076l-.087-.076a.92.92 0 0 1 0-1.302l5.928-5.928-5.93-5.93a.92.92 0 0 1 1.3-1.301l5.931 5.93 5.928-5.928a.92.92 0 0 1 1.215-.077z"/>
        </symbol>
        <symbol id="tab_btn_right" viewBox="0 0 20 20">
            <path d="M6.91 2.744a.833.833 0 0 1 1.18 0l6.666 6.667a.833.833 0 0 1 0 1.178l-6.667 6.667a.833.833 0 1 1-1.178-1.179L12.988 10 6.911 3.923a.833.833 0 0 1 0-1.179"/>
        </symbol>
        <symbol id="scan_qr" viewBox="0 0 20 21">
            <path fill-opacity=".8"
                  d="M2.5 5.042C2.5 3.914 3.414 3 4.542 3h2.583c1.128 0 2.042.914 2.042 2.042v2.583a2.04 2.04 0 0 1-2.042 2.042H4.542A2.04 2.04 0 0 1 2.5 7.625zM4.542 4.5c-.3 0-.542.243-.542.542v2.583c0 .3.243.542.542.542h2.583c.3 0 .542-.243.542-.542V5.042c0-.3-.243-.542-.542-.542zM10.833 5.042c0-1.128.914-2.042 2.042-2.042h2.583c1.128 0 2.042.914 2.042 2.042v2.583a2.04 2.04 0 0 1-2.042 2.042h-2.583a2.04 2.04 0 0 1-2.042-2.042zm2.042-.542c-.3 0-.542.243-.542.542v2.583c0 .3.243.542.542.542h2.583c.3 0 .542-.243.542-.542V5.042c0-.3-.242-.542-.542-.542zM2.5 13.375c0-1.128.914-2.042 2.042-2.042h2.583c1.128 0 2.042.914 2.042 2.042v2.583A2.04 2.04 0 0 1 7.125 18H4.542A2.04 2.04 0 0 1 2.5 15.958zm2.042-.542c-.3 0-.542.243-.542.542v2.583c0 .3.243.542.542.542h2.583c.3 0 .542-.242.542-.542v-2.583c0-.3-.243-.542-.542-.542zM12.5 12.167a.833.833 0 1 1-1.667 0 .833.833 0 0 1 1.667 0M15.833 12.167a.833.833 0 1 1-1.666 0 .833.833 0 0 1 1.666 0M14.167 13.833a.833.833 0 1 1-1.667 0 .833.833 0 0 1 1.667 0M17.5 13.833a.833.833 0 1 1-1.667 0 .833.833 0 0 1 1.667 0M12.5 15.5a.833.833 0 1 1-1.667 0 .833.833 0 0 1 1.667 0M14.167 17.167a.833.833 0 1 1-1.667 0 .833.833 0 0 1 1.667 0M15.833 15.5a.833.833 0 1 1-1.666 0 .833.833 0 0 1 1.666 0M17.5 17.167a.833.833 0 1 1-1.667 0 .833.833 0 0 1 1.667 0"/>
        </symbol>
        <symbol id="change" viewBox="0 0 14 14">
            <path d="M7 1.682a5.318 5.318 0 0 0-3.826 9.012l.311-.31a.328.328 0 0 1 .56.232v1.505a.33.33 0 0 1-.328.329H2.212a.328.328 0 0 1-.232-.56l.359-.36a6.5 6.5 0 0 1 7.19-10.52.59.59 0 1 1-.46 1.089A5.3 5.3 0 0 0 7 1.682M11.303 4.536l.263-.264a5.318 5.318 0 0 1-5.655 7.935.59.59 0 0 0-.24 1.157q.645.135 1.33.136a6.5 6.5 0 0 0 5.422-10.085l.385-.385a.328.328 0 0 0-.232-.56h-1.505a.33.33 0 0 0-.328.328v1.505c0 .293.353.44.56.233"/>
        </symbol>
        <symbol id="IOS" viewBox="0 0 24 28">
            <path fill="#333" fill-rule="nonzero"
                  d="M20.54 18.423q1.152 1.633 2.644 2.112-.647 2-2.054 4.17-2.166 3.267-4.277 3.267-.787 0-2.335-.535-1.434-.536-2.504-.536-1.069 0-2.363.564Q8.3 28 7.428 28q-2.532 0-4.98-4.31Q0 19.437 0 15.324q0-3.802 1.857-6.225Q3.77 6.676 6.584 6.676q.619 0 1.378.155a6 6 0 0 1 1.576.577q.873.48 1.435.662.563.184.872.184.367 0 1.126-.17a5.2 5.2 0 0 0 1.519-.62 11.4 11.4 0 0 1 1.407-.675q.59-.226 1.21-.226 1.969 0 3.545 1.07.844.564 1.716 1.663-1.294 1.125-1.885 1.972-1.098 1.577-1.097 3.436 0 2.056 1.153 3.719M14.883 5.268q-.985.93-1.8 1.21a6 6 0 0 1-.718.156q-.436.07-1 .127.03-2.48 1.295-4.282Q13.927.676 16.825 0q.057.283.085.394v.31q0 1.014-.479 2.282-.506 1.24-1.547 2.282"/>
        </symbol>
        <symbol id="comment" viewBox="0 0 16 16">
            <path fill="currentColor" fill-opacity=".8"
                  d="M3.182 10.985c.175.283.221.633.113.958l-.535 1.606c.185-.036.393-.075.605-.114.308-.056.63-.113.904-.156.242-.037.535-.08.73-.08.285 0 .607.088.814.144l.054.014c.496.133 1.162.31 2.133.31A5.676 5.676 0 0 0 13.666 8a5.667 5.667 0 1 0-10.484 2.985m-.937 3.682a.667.667 0 0 1-.62-.878l.721-2.162a.14.14 0 0 0-.013-.114A6.667 6.667 0 1 1 14.667 8c0 3.682-3 6.667-6.667 6.667-1.105 0-1.873-.205-2.391-.344-.264-.07-.463-.123-.61-.123-.414 0-2.552.429-2.73.464zm8.855-6.5a.833.833 0 1 0-1.667 0 .833.833 0 0 0 1.667 0M5.733 9a.833.833 0 1 1 0-1.667.833.833 0 0 1 0 1.667"/>
        </symbol>
        <symbol id="ic_arrow_left" viewBox="0 0 20 20">
            <path fill="currentColor"
                  d="M1.268 9.354a.914.914 0 0 0 0 1.292l5.586 5.586a.914.914 0 0 0 1.292-1.292l-4.025-4.026h13.965a.914.914 0 0 0 0-1.828H4.12L8.146 5.06a.914.914 0 0 0-1.292-1.292z"/>
        </symbol>
        <symbol id="liked" viewBox="0 0 24 24">
            <path fill="#FF2442"
                  d="m20.17 13.537-7.122 7.034a1.494 1.494 0 0 1-2.096 0l-7.128-7.04a6.125 6.125 0 0 1 .006-8.728A6.25 6.25 0 0 1 8.233 3c1.36 0 2.68.436 3.767 1.253A6.26 6.26 0 0 1 15.767 3a6.25 6.25 0 0 1 4.404 1.803 6.127 6.127 0 0 1 0 8.734"/>
        </symbol>
        <symbol id="qq_f" viewBox="0 0 20 20">
            <path fill="currentColor" fill-opacity=".8"
                  d="M5.142 17.2a.57.57 0 0 1-.22-.443c0-.471.461-.799.924-1.009a4.1 4.1 0 0 1-.835-1.428c-.374.437-.745.707-1.012.707-.417 0-.666-.435-.666-1.165 0-1.255.699-3.064 1.284-4.36.203-.447.305-.915.305-1.39C4.922 3.969 7.658 2.5 10 2.5s5.077 1.47 5.077 5.61c0 .478.102.945.305 1.392.586 1.296 1.285 3.104 1.285 4.36 0 .73-.25 1.165-.667 1.165-.267 0-.638-.27-1.012-.706a4.05 4.05 0 0 1-.836 1.428c.463.209.925.536.925 1.008a.57.57 0 0 1-.22.442c-.76.627-4.478.069-4.515.063a2.2 2.2 0 0 0-.679 0c-.024.004-1.557.238-2.86.238-.727 0-1.383-.073-1.661-.3"/>
        </symbol>
        <symbol id="illegal" viewBox="0 0 12 12">
            <path fill="#fff"
                  d="m3.38 8.667-.816.47a.374.374 0 1 1-.376-.65l8.248-4.75a.374.374 0 1 1 .376.65l-.63.362q.376.443.733.972a.5.5 0 0 1 .034.5l-.034.058-.12.177C9.38 8.486 7.716 9.5 6 9.5c-.898 0-1.78-.278-2.62-.833m4.087-2.354L5.534 7.426Q5.755 7.5 6 7.5a1.5 1.5 0 0 0 1.467-1.187M6 2.5c1.08 0 2.137.401 3.125 1.205L7.031 4.91A1.5 1.5 0 0 0 4.54 6.345l-2.327 1.34q-.586-.602-1.126-1.406a.5.5 0 0 1-.034-.5l.034-.058.12-.177C2.623 3.514 4.284 2.5 6 2.5"/>
        </symbol>
        <symbol id="picture" viewBox="0 0 20 20">
            <path d="M6.917 8.25a1.333 1.333 0 1 1 0-2.667 1.333 1.333 0 0 1 0 2.667"/>
            <path d="M14.583 2.083H5.417a3.333 3.333 0 0 0-3.334 3.334v9.166a3.333 3.333 0 0 0 3.334 3.334h9.166a3.333 3.333 0 0 0 3.334-3.334V5.417a3.333 3.333 0 0 0-3.334-3.334m1.834 3.334v5.651L14.38 9.01l-.009-.009a1.167 1.167 0 0 0-1.65.009L8.95 12.823 7.444 11.3l-.01-.009a1.167 1.167 0 0 0-1.649.01l-2.202 2.224v-8.11c0-1.012.821-1.833 1.834-1.833h9.166c1.013 0 1.834.821 1.834 1.834m-2.866 4.888 2.866 2.896v1.382c0 1.013-.821 1.834-1.834 1.834H5.417a1.83 1.83 0 0 1-1.62-.974l2.817-2.847 1.506 1.521a1.167 1.167 0 0 0 1.65.009l.008-.009z"/>
        </symbol>
        <symbol id="user_blocked" viewBox="0 0 97 96">
            <path fill="#333" fill-opacity=".3"
                  d="m36.75 44.892 14.703 14.702c-.99.265-2.032.406-3.109.406-6.627 0-12-5.373-12-12 0-1.076.142-2.118.407-3.108m-1.595-1.597a14 14 0 0 0-.81 4.705c0 7.732 6.267 14 14 14 1.65 0 3.234-.285 4.704-.81 1.008-.36 1.196-1.632.44-2.389L37.543 42.857c-.756-.757-2.029-.568-2.388.44m24.783 7.814L45.236 36.406A12 12 0 0 1 48.344 36c6.628 0 12 5.373 12 12a12 12 0 0 1-.406 3.109m-.792 2.036c.756.756 2.029.567 2.388-.44.525-1.47.81-3.054.81-4.705 0-7.732-6.267-14-14-14-1.65 0-3.234.286-4.704.81-1.008.36-1.196 1.632-.44 2.389z"/>
            <path fill="#333" fill-opacity=".3"
                  d="M48.345 24c13.254 0 24 10.745 24 24 0 11.892-8.65 21.764-20 23.668V96h-2V71.918a24.3 24.3 0 0 1-4 0V96h-2V71.668c-11.351-1.904-20-11.776-20-23.668 0-13.255 10.745-24 24-24m0 46c12.15 0 22-9.85 22-22s-9.85-22-22-22-22 9.85-22 22 9.85 22 22 22"/>
        </symbol>
        <symbol id="success" viewBox="0 0 48 48">
            <circle cx="24" cy="24" r="24"/>
            <path fill="#fff"
                  d="M38.182 14.182c.602.602.602 1.58 0 2.182L20.727 33.818a1.543 1.543 0 0 1-2.182 0l-8.727-8.727A1.543 1.543 0 1 1 12 22.909l7.636 7.636L36 14.182a1.543 1.543 0 0 1 2.182 0"/>
        </symbol>
        <symbol id="loading_mini" viewBox="0 0 16 16">
            <path fill="currentColor"
                  d="M8 2.4A5.6 5.6 0 1 0 13.6 8a.9.9 0 1 1 1.8 0A7.4 7.4 0 1 1 8 .6a.9.9 0 0 1 0 1.8"/>
        </symbol>
        <symbol id="user_skeleton_s" viewBox="0 0 390 158">
            <g clip-path="url(#a)">
                <path d="M0 0h72v72H0z"/>
            </g>
            <rect width="112" height="24" x="88" y="10" rx="12"/>
            <rect width="160" height="16" x="88" y="46" rx="8"/>
            <rect width="280" height="16" y="88" rx="8"/>
            <rect width="120" height="16" y="114" rx="8"/>
            <rect width="64" height="16" y="142" rx="8"/>
            <rect width="64" height="16" x="80" y="142" rx="8"/>
            <rect width="64" height="16" x="160" y="142" rx="8"/>
        </symbol>
        <symbol id="fire" viewBox="0 0 20 20">
            <path fill="#5E5E5E" fill-rule="evenodd"
                  d="M13.072 6.333c-.264-1.319-.914-3.133-2.505-4.623A8.4 8.4 0 0 0 9.266.714s-.086.574-.465 1.49c-.509 1.23-1.545 3.077-3.608 4.986-4.918 4.162-3.911 10.813 1.13 11.933q.715.161 1.54.163s-.14-.687-.078-1.5q.017-.245.063-.499c.104-.563.329-1.132.775-1.54l2.367 3.539c6.083.19 8.522-7.938 5.743-12.651a6.8 6.8 0 0 0-.958-1.265s-.344.561-.905 1.23q-.096.114-.199.23c-.399.451-.886.927-1.425 1.299 0 0 .037-.74-.174-1.796m2.64 1.584a9.5 9.5 0 0 1-1.613 1.446l-2.503 1.73.152-3.032v-.124a6 6 0 0 0-.024-.464 8 8 0 0 0-.32-1.626 7 7 0 0 0-1.426-2.592l-.042.088c-.643 1.361-1.771 3.14-3.724 4.948l-.024.022-.026.022c-2.32 1.962-2.978 4.44-2.566 6.284.303 1.356 1.197 2.49 2.702 2.948.079-.86.36-2.055 1.311-2.926l1.289-1.181 2.872 4.294c2.054-.253 3.56-1.86 4.244-4.156.576-1.93.459-4.04-.302-5.681m-3.964.145V8.06"
                  clip-rule="evenodd"/>
        </symbol>
        <symbol id="exclamation_marks_b" viewBox="0 0 16 16">
            <g fill="currentColor">
                <path d="M7.4 4.884c0-.304.268-.55.6-.55s.6.246.6.55v4.232c0 .304-.269.55-.6.55-.332 0-.6-.246-.6-.55zM8 11.667a.6.6 0 1 0 0-1.2.6.6 0 0 0 0 1.2"/>
                <path d="M14.667 8A6.667 6.667 0 1 1 1.333 8a6.667 6.667 0 0 1 13.334 0m-1.2 0A5.467 5.467 0 1 0 2.533 8a5.467 5.467 0 0 0 10.934 0"/>
            </g>
        </symbol>
        <symbol id="arrow_top" viewBox="0 0 24 24">
            <path fill="currentColor"
                  d="M12.646 3.268a.914.914 0 0 0-1.292 0L5.768 8.854a.914.914 0 1 0 1.292 1.292l4.026-4.025v13.965a.914.914 0 0 0 1.828 0V6.12l4.026 4.025a.914.914 0 1 0 1.292-1.292z"/>
        </symbol>
        <symbol id="AlertCircle" viewBox="0 0 32 32">
            <g fill="#333">
                <path d="M14.8 9.768c0-.608.537-1.101 1.2-1.101s1.2.493 1.2 1.101v8.464c0 .608-.538 1.101-1.2 1.101-.663 0-1.2-.493-1.2-1.101zM15.999 23.335a1.2 1.2 0 1 0 0-2.402 1.2 1.2 0 0 0 0 2.402"/>
                <path d="M29.333 16c0 7.364-5.97 13.333-13.333 13.333S2.667 23.363 2.667 16 8.637 2.667 16 2.667 29.333 8.637 29.333 16m-2.4 0c0-6.038-4.895-10.933-10.933-10.933S5.067 9.962 5.067 16 9.962 26.933 16 26.933 26.933 22.038 26.933 16"/>
            </g>
        </symbol>
        <symbol id="convention_b" viewBox="0 0 24 24">
            <path fill="currentColor"
                  d="M10.26 4.651c-.881-.827-2.195-1.309-3.375-1.52a8 8 0 0 0-1.767-.123c-.539.028-1.091.128-1.543.357a.94.94 0 0 0-.485.642c-.154.714-.114 1.684.15 2.674a7.16 7.16 0 0 0 1.656 3.033c1.016 1.09 2.455 1.578 3.718 1.781.702.113 1.393.145 2 .127-.584 3.615.353 6.998.699 8.245.05.18.087.317.106.402.112.508.593.824 1.075.706s.781-.626.67-1.134c-.031-.138-.082-.327-.145-.561-.367-1.367-1.143-4.256-.645-7.324.71.117 1.61.182 2.54.108 1.274-.101 2.744-.472 3.836-1.477a7.1 7.1 0 0 0 1.87-2.891c.335-.965.445-1.93.344-2.653a.95.95 0 0 0-.438-.68c-.434-.265-.978-.409-1.513-.48a8 8 0 0 0-1.77-.019c-1.193.115-2.537.49-3.475 1.244a8.1 8.1 0 0 0-1.747 1.955A8.1 8.1 0 0 0 10.26 4.65M4.962 6.17a5 5 0 0 1-.172-1.23q.178-.03.415-.043a6.2 6.2 0 0 1 1.38.099c1.02.182 1.957.574 2.483 1.068.835.784 1.739 2.08 1.808 3.656a9 9 0 0 1-1.993-.092C7.79 9.451 6.797 9.06 6.174 8.39a5.24 5.24 0 0 1-1.21-2.22M19.2 5.835a4.9 4.9 0 0 1-.261 1.212 5.2 5.2 0 0 1-1.367 2.116c-.67.618-1.688.93-2.792 1.017a9 9 0 0 1-1.994-.07c.183-1.565 1.178-2.785 2.067-3.499.56-.45 1.523-.766 2.552-.865.5-.048.98-.042 1.385.012q.234.031.41.077"/>
        </symbol>
        <symbol id="ic_dragger" viewBox="0 0 20 20">
            <path fill="currentColor"
                  d="M7.5 3.333a1.667 1.667 0 1 1-3.333 0 1.667 1.667 0 0 1 3.333 0M15.833 3.333a1.667 1.667 0 1 1-3.333 0 1.667 1.667 0 0 1 3.333 0M7.5 10a1.667 1.667 0 1 1-3.333 0A1.667 1.667 0 0 1 7.5 10M15.833 10a1.667 1.667 0 1 1-3.333 0 1.667 1.667 0 0 1 3.333 0M7.5 16.667a1.667 1.667 0 1 1-3.334 0 1.667 1.667 0 0 1 3.334 0M15.833 16.667a1.667 1.667 0 1 1-3.333 0 1.667 1.667 0 0 1 3.333 0"/>
        </symbol>
        <symbol id="more" viewBox="0 0 20 20">
            <path d="M5 10a1.25 1.25 0 1 1-2.5 0A1.25 1.25 0 0 1 5 10M11.25 10a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0M16.25 11.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5"/>
        </symbol>
        <symbol id="arrow_right" viewBox="0 0 20 20">
            <path fill="currentColor" fill-opacity=".3" fill-rule="evenodd"
                  d="M6.91 2.744a.833.833 0 0 1 1.18 0l6.666 6.667a.833.833 0 0 1 0 1.178l-6.667 6.667a.833.833 0 1 1-1.178-1.179L12.988 10 6.911 3.923a.833.833 0 0 1 0-1.179"
                  clip-rule="evenodd"/>
        </symbol>
        <symbol id="link_c" viewBox="0 0 24 24">
            <path fill="currentColor"
                  d="M19.138 3.442a4.92 4.92 0 0 0-6.96 0l-1.42 1.42a.904.904 0 0 0 1.278 1.278l1.42-1.42a3.114 3.114 0 0 1 4.404 0l1.42 1.42a3.114 3.114 0 0 1 0 4.404l-2.841 2.841a3.114 3.114 0 0 1-4.403 0l-.71-.71a.904.904 0 0 0-1.28 1.278l.711.71a4.92 4.92 0 0 0 6.96 0l2.842-2.84a4.92 4.92 0 0 0 0-6.961z"/>
            <path fill="currentColor"
                  d="M4.862 20.559a4.92 4.92 0 0 0 6.96 0l1.634-1.634a.904.904 0 0 0-1.278-1.279l-1.634 1.634a3.114 3.114 0 0 1-4.404 0l-1.42-1.42a3.114 3.114 0 0 1 0-4.404l2.841-2.841a3.114 3.114 0 0 1 4.403 0l.71.71a.904.904 0 0 0 1.28-1.278l-.711-.71a4.92 4.92 0 0 0-6.96 0l-2.841 2.84a4.92 4.92 0 0 0 0 6.961z"/>
        </symbol>
        <symbol id="emoji" viewBox="0 0 20 20">
            <g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd">
                <path d="M8.334 9A1.167 1.167 0 1 1 6 9a1.167 1.167 0 0 1 2.334 0M14 9a1.167 1.167 0 1 1-2.333 0A1.167 1.167 0 0 1 14 9M8.022 12.379c.515.616 1.195.939 1.984.939.793 0 1.47-.326 1.975-.947a.739.739 0 0 0-1.146-.932c-.226.277-.483.401-.829.401-.348 0-.613-.126-.85-.41a.739.739 0 0 0-1.134.949"/>
                <path d="M1.667 10a8.333 8.333 0 1 1 16.667 0 8.333 8.333 0 0 1-16.667 0M10 16.832a6.833 6.833 0 1 0 0-13.667 6.833 6.833 0 0 0 0 13.667"/>
            </g>
        </symbol>
        <symbol id="checkmark" viewBox="0 0 16 16">
            <path fill="#fff" fill-rule="evenodd"
                  d="m15.05 3.79-9.188 9.188L.95 8.066l1.273-1.273 3.64 3.64 7.914-7.915z" clip-rule="evenodd"/>
        </symbol>
        <symbol id="dark_mode" viewBox="0 0 24 24">
            <path d="M19.904 14.202a8.2 8.2 0 1 1-9.695-10.203 10 10 0 0 0-.009.403c0 5.38 4.336 9.748 9.704 9.8m.288-1.802-.192.002a8 8 0 0 1-7.636-10.394 10 10 0 0 0-1.896.11c-4.795.74-8.466 4.883-8.466 9.884 0 5.523 4.477 10 10 10 4.825 0 8.852-3.417 9.792-7.964.127-.61.197-1.242.207-1.888-.58.15-1.186.235-1.809.25"/>
        </symbol>
        <symbol id="notification" viewBox="0 0 24 24">
            <path fill="currentcolor"
                  d="M20.16 13.9v-2.7c0-3.18-1.99-6.07-4.98-7.3C14.58 2.75 13.35 2 12 2s-2.58.75-3.18 1.9c-3 1.23-4.98 4.12-4.98 7.3v2.69C2.77 14.26 2 15.26 2 16.42c0 1.48 1.24 2.68 2.76 2.68H8.5c.28 1.64 1.73 2.9 3.5 2.9s3.22-1.26 3.5-2.9h3.74c1.52 0 2.76-1.2 2.76-2.68 0-1.16-.77-2.15-1.84-2.52M12 20.2c-.74 0-1.36-.46-1.6-1.1h3.19c-.23.64-.85 1.1-1.59 1.1m7.24-2.9H4.76c-.5 0-.9-.39-.9-.88 0-.48.41-.88.91-.88.51 0 .93-.4.93-.9V11.2c0-2.56 1.67-4.88 4.14-5.76.26-.09.46-.29.56-.54.24-.66.89-1.1 1.61-1.1s1.37.44 1.61 1.1c.09.25.3.45.56.54 2.48.88 4.14 3.19 4.14 5.76v3.44c0 .5.42.9.94.9.5 0 .9.39.9.88a.91.91 0 0 1-.92.88"/>
        </symbol>
        <symbol id="user_empty_collect" viewBox="0 0 96 96">
            <path fill-rule="evenodd"
                  d="M64.968 42.473a1.5 1.5 0 0 1-.166-.18zm0 0 .13.143a1 1 0 0 0-.13-.143M52.207 37.421c.078.02.079.017 0 0"
                  clip-rule="evenodd"/>
            <path d="M16 64a1 1 0 1 0 0 2h64a1 1 0 1 0 0-2h-3a7 7 0 0 0-6.019-6.932 22.9 22.9 0 0 0-6.013-14.595 1.5 1.5 0 0 1-.166-.18c-.36-.458-.554-1.204-.617-2.081a20 20 0 0 1-.035-.694l-.003-.077c-.008-.197-.015-.4-.027-.584a4 4 0 0 0-.087-.643c-.041-.176-.144-.539-.46-.808a2.1 2.1 0 0 0-1.047-.473c.421-.502.888-.979 1.363-1.38 1.003 1.019 2.46 1.81 4.165 2.149 3.589.712 6.922-.847 7.445-3.483.5-2.52-1.75-5.11-5.084-5.956.276-2.227-.476-4.245-2.116-5.109-2.336-1.23-5.588.35-7.264 3.53-1.624 3.082-1.172 6.535.981 7.867a14.4 14.4 0 0 0-1.669 1.925l-.068-.14-.024-.05c-.232-.485-.63-1.316-1.706-1.741-.62-.245-1.25-.198-1.777-.088-.509.106-1.038.298-1.504.467l-.04.015-.007.002c-.861.312-1.712.62-2.64.515C51.102 35.157 49.57 35 48 35c-12.39 0-22.493 9.798-22.981 22.068A7 7 0 0 0 19 64zm9.026-4.905a5 5 0 0 1 2.003.01A5 5 0 0 1 31 64H21a5 5 0 0 1 4.026-4.905m1.994-2.021C27.505 45.906 36.712 37 48 37c1.44 0 2.848.145 4.207.421 1.223.251 2.477-.158 3.615-.57l.086-.032q.313-.113.576-.204c.257-.087.484-.156.696-.2.695-.145 1.001.173 1.297.788l.012.026c.622 1.296 1.914 1.608 3.23 1.646.582.018.414.581.452 1.008l.042.473c.07.956.239 2.335 1.15 3.327a20.92 20.92 0 0 1 5.617 13.39A7 7 0 0 0 63 64H33a7 7 0 0 0-5.98-6.926m41.951 2.032a5 5 0 0 1 2.003-.011A5 5 0 0 1 75 64H65a5 5 0 0 1 3.971-4.894m3.108-23.702c-.923.432-2.215.618-3.635.336-1.015-.202-1.878-.599-2.54-1.083a4.7 4.7 0 0 1-.692-.616c-.325-.355-.534-.702-.652-1.027a1.83 1.83 0 0 1-.094-.985c.108-.544.534-1.142 1.458-1.574a5.3 5.3 0 0 1 1.909-.458 6.8 6.8 0 0 1 2.09.204c1.248.317 2.24.93 2.868 1.617.689.752.854 1.468.746 2.012s-.534 1.142-1.458 1.574m-3.655-8.691c.057.387.064.818.01 1.275-2.969-.075-5.482 1.393-5.93 3.652a4 4 0 0 0-.065.52 3.1 3.1 0 0 1-.333-1.046c-.147-.982.038-2.244.698-3.497s1.597-2.119 2.49-2.553c.894-.435 1.603-.388 2.073-.14.47.247.91.805 1.056 1.789"/>
            <path d="M56 58a1 1 0 1 0 0 2 1 1 0 0 0 0-2m-3 1a3 3 0 1 1 6 0 3 3 0 0 1-6 0M40 58a1 1 0 1 0 0 2 1 1 0 0 0 0-2m-3 1a3 3 0 1 1 6 0 3 3 0 0 1-6 0M55.13 50.957a1 1 0 0 1-1.809-.855l.904.427-.904-.427v-.001l.003-.006.005-.009.012-.024.038-.073a4.186 4.186 0 0 1 .652-.882c.462-.477 1.237-1.029 2.322-1.029 1.086 0 1.86.552 2.323 1.03a4.2 4.2 0 0 1 .689.955l.012.024.004.01.002.003v.002s.002.001-.886.42l.888-.419a1 1 0 1 1-1.816.84 2.18 2.18 0 0 0-.33-.444c-.24-.247-.529-.42-.886-.42s-.646.173-.887.42a2.2 2.2 0 0 0-.33.445l-.01.02.002-.005zM37.904 50.957a1 1 0 0 1-1.808-.855l.904.427-.904-.427v-.001l.003-.006.005-.009.012-.024.038-.073q.047-.087.133-.224c.114-.178.285-.416.519-.657.463-.478 1.237-1.03 2.323-1.03s1.86.552 2.322 1.03a4.2 4.2 0 0 1 .689.955l.012.024.004.01.002.003v.002s.002.001-.886.42l.888-.419a1 1 0 0 1-1.806.86l-.01-.02a2.187 2.187 0 0 0-.33-.444c-.24-.247-.529-.42-.885-.42-.358 0-.647.173-.888.42a2.2 2.2 0 0 0-.34.465l.002-.005z"/>
        </symbol>
        <symbol id="back" viewBox="0 0 20 20">
            <path fill="currentColor"
                  d="M8.082 9.877a.17.17 0 0 0 0 .224l5.477 6.144a.76.76 0 0 1-.05 1.06.727.727 0 0 1-1.04-.05L6.44 10.492a.76.76 0 0 1 0-1.01l6.017-6.738a.727.727 0 0 1 1.04-.05.76.76 0 0 1 .049 1.06z"/>
        </symbol>
        <symbol id="play-s" viewBox="0 0 12 12">
            <path fill="#fff"
                  d="m4.401 2.13 5.14 3.06a.947.947 0 0 1 0 1.621L4.401 9.87a.924.924 0 0 1-1.273-.334A.95.95 0 0 1 3 9.059V2.941C3 2.42 3.416 2 3.93 2c.166 0 .328.045.471.13"/>
        </symbol>
        <symbol id="delete_back" viewBox="0 0 16 16">
            <path d="M11.42 10.357a.6.6 0 0 1-.848 0L9.064 8.848l-1.509 1.508a.6.6 0 0 1-.848-.848l1.508-1.509-1.508-1.508a.6.6 0 0 1 .848-.849l1.509 1.509 1.508-1.509a.6.6 0 1 1 .849.849L9.912 7.999l1.509 1.509a.6.6 0 0 1 0 .849"/>
            <path d="M4.166 4c.508-.632 1.276-1 2.089-1h5.735a2.67 2.67 0 0 1 2.675 2.667v4.666A2.67 2.67 0 0 1 11.99 13H6.255a2.68 2.68 0 0 1-2.089-1l-2.54-3.167a1.33 1.33 0 0 1 0-1.666zm2.089.2c-.447 0-.87.203-1.15.55l-2.54 3.167a.13.13 0 0 0 0 .166l2.54 3.167c.28.348.703.55 1.15.55h5.735c.813 0 1.472-.657 1.472-1.467V5.667c0-.81-.659-1.467-1.472-1.467z"/>
        </symbol>
        <symbol id="user" viewBox="0 0 24 24">
            <g fill="currentColor">
                <path d="M12 8.067a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2m-3.9 2.1a3.9 3.9 0 1 1 7.8 0 3.9 3.9 0 0 1-7.8 0"/>
                <path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10M7.796 16.132c1.117-.721 2.606-1.138 4.204-1.138s3.087.417 4.204 1.138c.666.43 1.237.998 1.586 1.674a8.2 8.2 0 1 0-11.58 0c.349-.676.92-1.244 1.586-1.674m7.432 1.512c-.785-.507-1.924-.85-3.228-.85s-2.443.343-3.228.85c-.64.414-.98.885-1.089 1.33A8.16 8.16 0 0 0 12 20.2c1.584 0 3.063-.45 4.317-1.227-.108-.444-.449-.915-1.09-1.329"/>
            </g>
        </symbol>
        <symbol id="reply" viewBox="0 0 16 16">
            <path fill="currentColor" fill-rule="evenodd"
                  d="m2.617 11.337 1.019-.633c.205.33.259.74.132 1.12l-.374 1.122a35 35 0 0 1 1.024-.178 5.5 5.5 0 0 1 .732-.079c.306 0 .646.092.837.145l.051.013c.467.125 1.074.286 1.962.286 2.823 0 5.134-2.3 5.134-5.134a5.133 5.133 0 1 0-9.498 2.705zm-.672 2.162a.633.633 0 0 0 .612.831c.168-.033 2.2-.44 2.593-.44.139 0 .328.05.579.117.493.131 1.222.326 2.271.326 3.484 0 6.334-2.836 6.334-6.334a6.333 6.333 0 1 0-11.717 3.338c.02.032.025.072.013.108z"
                  clip-rule="evenodd"/>
        </symbol>
        <symbol id="group" viewBox="0 0 24 24">
            <path fill="#FF2442"
                  d="M18.803 24H5.197A5.197 5.197 0 0 1 0 18.804V5.197A5.197 5.197 0 0 1 5.197 0h13.606A5.197 5.197 0 0 1 24 5.197v13.607A5.197 5.197 0 0 1 18.803 24"/>
            <path fill="#fff" fill-rule="evenodd"
                  d="M21.053 12.41c-.067-.343-.244-.598-.543-.753a1.4 1.4 0 0 0-.665-.166h-.133c-.033 0-.033 0-.033-.034v-.798c0-.1 0-.199-.022-.299a1.5 1.5 0 0 0-.111-.399 1.2 1.2 0 0 0-.51-.542 1.6 1.6 0 0 0-.753-.2h-.543c-.056 0-.056 0-.056-.044v-.377c0-.011 0-.022-.01-.022-.012-.011-.023 0-.023 0h-1.174s-.012.01-.012.022v.41c0 .011-.01.011-.022.011h-.764c-.022 0-.022.011-.022.022v1.119c0 .067 0 .067.066.067h.687c.067 0 .055.1.055.1v.875s0 .089-.044.089h-1.119c-.055 0-.044.066-.044.066v1.097s-.011.055.044.055h1.097c.066 0 .055 0 .055.056v2.448c0 .067 0 .067.067.067h1.086c.066 0 .066 0 .066-.066v-2.482c0-.023 0-.023.022-.023h1.763a.45.45 0 0 1 .21.045c.133.066.2.166.21.31v.897c0 .2-.077.277-.244.277h-.919c-.022 0-.022 0-.022.023 0 .01.354.82.42.986v.01c0 .012.023.023.034.023h.388c.11 0 .387 0 .498-.011.1-.011.21-.022.31-.056.444-.132.732-.531.732-.997V12.71c0-.11-.011-.21-.022-.299m-2.57-.942c0 .011-.012.023-.012.023h-.776c-.01 0-.01-.011-.022-.023v-.044l-.01-.942c0-.055 0-.055.055-.055h.553c.034 0 .067 0 .09.01.077.023.121.079.121.156v.875m-3.159 2.604c0-.01-.01-.01-.022-.01h-1.097c-.033 0-.033 0-.033-.034V10.47c0-.055 0-.055.055-.055h.654c.055 0 .055 0 .055-.056V9.263c0-.066 0-.055-.055-.055h-2.648c-.045 0-.056 0-.056.055v1.097c0 .067 0 .056.056.056h.642c.056 0 .056 0 .056.055v3.513c0 .066 0 .066-.067.066h-.986c-.033 0-.044.022-.044.022l-.532 1.153-.011.022c0 .01.011.01.044.01h3.956c.022 0 .022 0 .022-.021v-1.13c.011-.012.011-.023.011-.034m-8.908-5.24H5.274a.024.024 0 0 0-.022.021c0 .289-.01 3.07-.01 4.477v.709c0 .222-.2.2-.211.2h-.554c-.034 0-.034 0-.034.033s.355.809.421.953c.011.01.022.022.045.022.122 0 .576.01.709-.011a1 1 0 0 0 .332-.1c.222-.122.366-.321.454-.576.045-.133.056-.266.056-.41v-2.615c0-.831 0-2.482-.011-2.693-.011 0-.022-.01-.033-.01m5.24 3.744h-.664c-.067 0-.111-.066-.089-.133l.886-1.994c.012-.011 0-.022-.022-.022h-.997c-.077 0-.133-.089-.1-.155l.665-1.485c.011-.011 0-.022-.022-.022H10.14c-.011 0-.011 0-.023.01l-.698 1.574c-.066.144-.144.288-.2.432-.032.089-.077.178-.099.277a.3.3 0 0 0-.01.144.36.36 0 0 0 .176.289c.034.022.067.033.1.044a.7.7 0 0 0 .255.044h.443c.022 0-.443 1.008-.52 1.208-.045.1-.078.188-.111.288-.011.044-.023.089-.011.133a.36.36 0 0 0 .177.3.4.4 0 0 0 .1.044.7.7 0 0 0 .254.044h1.252c.011 0 .011 0 .023-.011l.432-.975c0-.011-.011-.034-.022-.034m-2.914.698c-.077-.166-.088-.276-.1-.465 0-.077-.01-.144-.01-.221-.011-.111-.023-.222-.023-.333-.01-.122-.022-.244-.022-.366l-.033-.354a4 4 0 0 1-.022-.344 3 3 0 0 1-.022-.332c-.011-.122-.022-.244-.022-.366 0-.022 0-.055-.011-.066 0-.011-.045-.011-.056-.011H7.302c-.022 0-.022 0-.022.022.01.077.01.144.022.221.011.167.022.322.044.488l.034.377c.01.177.022.343.044.52.011.2.033.4.044.599.011.088.011.166.022.255.023.188.056.377.111.554.067.255.144.498.266.742.078.166.166.321.277.454.011.011.022.045.033.034 0 0 0-.011.011-.011.067-.144.566-1.252.599-1.33-.022-.033-.033-.022-.045-.066M4.41 10.417H3.236c-.012 0-.012 0-.012.01 0 0 0 .045-.01.056a4 4 0 0 0-.023.366c-.01.11-.022.221-.022.332-.011.111-.022.233-.022.344l-.033.354c-.011.122-.023.244-.023.366-.01.11-.022.222-.022.332-.01.078-.01.144-.01.222-.012.177-.023.3-.1.465-.023.045-.023.034 0 .089.033.066.52 1.152.598 1.319l.01.01c.012 0 .023-.021.034-.033.111-.144.2-.299.277-.454.111-.233.2-.487.266-.742.044-.189.078-.366.11-.554.012-.078.012-.166.023-.255.011-.2.033-.399.044-.599.011-.177.023-.343.045-.52l.033-.377a7 7 0 0 1 .044-.488c.011-.077.011-.144.022-.221-.033-.011-.033-.022-.055-.022m6.759 3.634H9.895c-.189 0-.4-.033-.576-.1-.011 0-.023 0-.023.011l-.542 1.175c0 .011 0 .022.01.022a1 1 0 0 0 .377.089h1.496c.011 0 .011 0 .022-.011l.532-1.164c0-.01-.01-.022-.022-.022m8.71-3.634h.586c.045 0 .09 0 .133-.011a.61.61 0 0 0 .466-.72.603.603 0 0 0-.665-.466c-.3.044-.52.3-.52.598v.588c-.012 0 0 .01 0 .01"
                  clip-rule="evenodd"/>
        </symbol>
        <symbol id="skeleton_s" viewBox="0 0 200 204">
            <rect width="200" height="150" rx="16"/>
            <rect width="128" height="16" x="4" y="158" rx="8"/>
            <rect width="160" height="16" x="4" y="180" opacity=".5" rx="8"/>
        </symbol>
        <symbol id="like" viewBox="0 0 16 16">
            <path fill="currentColor" fill-opacity=".8"
                  d="M3.256 3.913a3.083 3.083 0 0 0-.003 4.397L8 12.998l4.743-4.684a3.085 3.085 0 0 0 .001-4.4c-.6-.593-1.4-.914-2.233-.914a3.17 3.17 0 0 0-1.91.635L8 4.087l-.601-.452A3.17 3.17 0 0 0 5.489 3c-.834 0-1.634.321-2.233.913m10.19 5.111-4.748 4.69a.996.996 0 0 1-1.397 0L2.549 9.02a4.083 4.083 0 0 1 .004-5.82A4.17 4.17 0 0 1 5.488 2c.907 0 1.787.29 2.512.835A4.17 4.17 0 0 1 10.51 2c1.093 0 2.146.422 2.936 1.202a4.085 4.085 0 0 1 0 5.822"/>
        </symbol>
        <symbol id="livephoto_slash" viewBox="0 0 20 20">
            <path fill="#fff"
                  d="M10.012 15.608q-1.169 0-2.185-.436a5.6 5.6 0 0 1-1.778-1.19 5.7 5.7 0 0 1-1.197-1.777 5.6 5.6 0 0 1-.429-2.186q0-.705.166-1.363a5.5 5.5 0 0 1 .491-1.238l.512.519a4.7 4.7 0 0 0-.366.996Q5.1 9.46 5.1 10.02q0 1.03.374 1.923.38.885 1.051 1.563.678.672 1.563 1.052a4.9 4.9 0 0 0 1.923.373q.567 0 1.093-.124a5 5 0 0 0 1.003-.367l.505.512q-.58.313-1.238.484a5.3 5.3 0 0 1-1.363.173m0-2.746q-.795 0-1.438-.38a2.87 2.87 0 0 1-1.024-1.024 2.77 2.77 0 0 1-.38-1.439q0-.242.062-.45l3.23 3.23a1.6 1.6 0 0 1-.45.063m0-5.679q.782 0 1.425.38.65.381 1.031 1.031.387.644.387 1.425 0 .575-.214 1.086L8.933 7.391a2.8 2.8 0 0 1 1.08-.208m0-2.746q1.149 0 2.159.436a5.64 5.64 0 0 1 2.988 2.988q.436 1.01.436 2.158 0 .872-.25 1.66a5.4 5.4 0 0 1-.691 1.446l-.484-.491a4.8 4.8 0 0 0 .747-2.615 4.856 4.856 0 0 0-1.439-3.466 4.86 4.86 0 0 0-3.466-1.438q-.726 0-1.39.2-.657.195-1.224.547L6.9 5.37a5.67 5.67 0 0 1 3.112-.934M10 3.04a.36.36 0 0 1-.256-.097.36.36 0 0 1-.097-.256q0-.145.097-.25a.35.35 0 0 1 .256-.103q.152 0 .249.104a.34.34 0 0 1 .103.249.35.35 0 0 1-.103.256.34.34 0 0 1-.25.097m1.272.117a.34.34 0 0 1-.249-.104.34.34 0 0 1-.104-.249q0-.151.104-.256a.34.34 0 0 1 .25-.103q.15 0 .255.103.104.105.104.256a.34.34 0 0 1-.104.25.35.35 0 0 1-.256.103m1.232.325a.35.35 0 0 1-.25-.097.35.35 0 0 1-.103-.256q0-.152.104-.249a.34.34 0 0 1 .249-.103q.152 0 .249.103.103.097.103.25a.35.35 0 0 1-.103.255.34.34 0 0 1-.25.097m1.162.554a.35.35 0 0 1-.256-.104.34.34 0 0 1-.104-.25q0-.15.104-.255a.35.35 0 0 1 .256-.104.34.34 0 0 1 .249.104q.104.104.104.256a.34.34 0 0 1-.104.249.34.34 0 0 1-.25.104m1.044.726a.35.35 0 0 1-.256-.104.35.35 0 0 1-.097-.249q0-.151.097-.249a.35.35 0 0 1 .256-.104.34.34 0 0 1 .25.104q.102.097.103.25a.34.34 0 0 1-.104.248.34.34 0 0 1-.249.104m.906.906a.35.35 0 0 1-.255-.104.34.34 0 0 1-.104-.249q0-.151.104-.256a.35.35 0 0 1 .255-.103.34.34 0 0 1 .25.103q.103.105.103.256a.34.34 0 0 1-.104.25.34.34 0 0 1-.249.103m.734 1.052a.35.35 0 0 1-.256-.104.35.35 0 0 1-.097-.25.36.36 0 0 1 .097-.255.35.35 0 0 1 .256-.104.34.34 0 0 1 .249.104q.103.103.103.256a.34.34 0 0 1-.103.249.34.34 0 0 1-.25.104m.532 1.155a.34.34 0 0 1-.249-.104.35.35 0 0 1-.104-.256.34.34 0 0 1 .104-.249.34.34 0 0 1 .25-.104q.15 0 .255.104a.34.34 0 0 1 .104.25.35.35 0 0 1-.104.255.35.35 0 0 1-.256.104m.332 1.224a.35.35 0 0 1-.256-.104.34.34 0 0 1-.103-.249q0-.151.103-.249a.35.35 0 0 1 .256-.103.34.34 0 0 1 .25.103q.103.097.103.25a.34.34 0 0 1-.104.248.34.34 0 0 1-.249.104m.111 1.26a.35.35 0 0 1-.256-.105.34.34 0 0 1-.104-.249q0-.152.104-.249a.35.35 0 0 1 .256-.103.34.34 0 0 1 .249.103q.105.097.104.25a.34.34 0 0 1-.104.248.34.34 0 0 1-.249.104m-.11 1.258a.35.35 0 0 1-.257-.104.34.34 0 0 1-.103-.249q0-.152.103-.249a.35.35 0 0 1 .256-.104.34.34 0 0 1 .25.104q.103.097.103.25a.34.34 0 0 1-.104.248.34.34 0 0 1-.249.104m-.333 1.231a.34.34 0 0 1-.249-.104.35.35 0 0 1-.104-.255.34.34 0 0 1 .104-.25.34.34 0 0 1 .25-.103q.15 0 .255.104a.34.34 0 0 1 .104.249.35.35 0 0 1-.104.255.35.35 0 0 1-.256.104m-.532 1.149a.36.36 0 0 1-.256-.097.36.36 0 0 1-.097-.256q0-.145.097-.25a.35.35 0 0 1 .256-.103.34.34 0 0 1 .249.104.34.34 0 0 1 .103.249.35.35 0 0 1-.103.256.35.35 0 0 1-.25.097m-2.684 2.683a.35.35 0 0 1-.256-.103.33.33 0 0 1-.104-.25.34.34 0 0 1 .104-.248.35.35 0 0 1 .256-.104.34.34 0 0 1 .249.104.34.34 0 0 1 .104.249.33.33 0 0 1-.104.249.34.34 0 0 1-.25.103m-1.162.554a.34.34 0 0 1-.25-.104.34.34 0 0 1-.103-.249q0-.152.104-.256a.34.34 0 0 1 .249-.104q.152 0 .249.104.103.105.103.256a.34.34 0 0 1-.103.25.33.33 0 0 1-.25.103m-1.232.325a.34.34 0 0 1-.249-.104.34.34 0 0 1-.104-.249q0-.152.104-.256a.35.35 0 0 1 .25-.097.36.36 0 0 1 .255.097q.104.105.104.256a.34.34 0 0 1-.104.25.35.35 0 0 1-.256.103M10 17.677a.35.35 0 0 1-.256-.104.35.35 0 0 1-.097-.25.36.36 0 0 1 .097-.255.35.35 0 0 1 .256-.104q.152 0 .249.104.103.103.103.256a.34.34 0 0 1-.103.249.33.33 0 0 1-.25.104m-1.273-.118a.35.35 0 0 1-.256-.104.34.34 0 0 1-.104-.249q0-.152.104-.256a.36.36 0 0 1 .256-.097q.146 0 .249.097.104.105.104.256a.34.34 0 0 1-.104.25.34.34 0 0 1-.25.103m-1.232-.325a.35.35 0 0 1-.255-.104.35.35 0 0 1-.097-.249.36.36 0 0 1 .097-.256.35.35 0 0 1 .255-.104.34.34 0 0 1 .25.104q.103.105.103.256a.34.34 0 0 1-.104.25.34.34 0 0 1-.249.103m-1.162-.554a.34.34 0 0 1-.249-.103.33.33 0 0 1-.103-.25.34.34 0 0 1 .103-.248.34.34 0 0 1 .25-.104q.15 0 .255.104a.34.34 0 0 1 .104.249.33.33 0 0 1-.104.249.35.35 0 0 1-.256.103m-1.044-.726a.34.34 0 0 1-.25-.104.34.34 0 0 1-.103-.249q0-.151.104-.256a.34.34 0 0 1 .249-.103q.151 0 .249.103.104.105.104.256a.34.34 0 0 1-.104.25.33.33 0 0 1-.25.103m-.906-.906a.35.35 0 0 1-.25-.097.35.35 0 0 1-.103-.256.34.34 0 0 1 .104-.249.34.34 0 0 1 .249-.104q.151 0 .256.104a.34.34 0 0 1 .103.25.35.35 0 0 1-.103.255.36.36 0 0 1-.256.097m-.734-1.051A.35.35 0 0 1 3.4 13.9a.35.35 0 0 1-.103-.256.34.34 0 0 1 .103-.25.34.34 0 0 1 .25-.103q.151 0 .248.104a.34.34 0 0 1 .104.249.35.35 0 0 1-.104.256.34.34 0 0 1-.249.097m-.532-1.149a.35.35 0 0 1-.256-.104.35.35 0 0 1-.104-.255.34.34 0 0 1 .104-.25.35.35 0 0 1 .256-.103.34.34 0 0 1 .249.104.34.34 0 0 1 .104.249.35.35 0 0 1-.104.255.34.34 0 0 1-.25.104m-.332-1.231a.34.34 0 0 1-.25-.104.34.34 0 0 1-.103-.249q0-.152.104-.249a.34.34 0 0 1 .249-.104q.152 0 .256.104.103.097.103.25a.34.34 0 0 1-.103.248.35.35 0 0 1-.256.104m-.11-1.259a.34.34 0 0 1-.25-.104.34.34 0 0 1-.104-.249q0-.152.104-.249a.34.34 0 0 1 .25-.103q.15 0 .255.103.104.097.104.25a.34.34 0 0 1-.104.248.35.35 0 0 1-.256.104m.11-1.259a.34.34 0 0 1-.25-.104.34.34 0 0 1-.103-.249q0-.151.104-.249a.34.34 0 0 1 .249-.103q.152 0 .256.103.103.097.103.25a.34.34 0 0 1-.103.248.35.35 0 0 1-.256.104m.332-1.224a.35.35 0 0 1-.256-.104.35.35 0 0 1-.104-.256.34.34 0 0 1 .104-.249.35.35 0 0 1 .256-.104.34.34 0 0 1 .249.104.34.34 0 0 1 .104.25.35.35 0 0 1-.104.255.34.34 0 0 1-.25.104m.532-1.155a.34.34 0 0 1-.249-.104.34.34 0 0 1-.103-.25q0-.15.103-.255a.34.34 0 0 1 .25-.104q.151 0 .248.104.105.103.104.256a.34.34 0 0 1-.104.249.33.33 0 0 1-.249.104m2.684-2.684a.34.34 0 0 1-.249-.104.34.34 0 0 1-.103-.25q0-.15.103-.255a.34.34 0 0 1 .25-.104q.15 0 .255.104t.104.256a.34.34 0 0 1-.104.249.35.35 0 0 1-.256.104m1.162-.554a.36.36 0 0 1-.255-.097.36.36 0 0 1-.097-.256q0-.152.097-.249a.35.35 0 0 1 .255-.103.34.34 0 0 1 .25.103q.103.097.103.25a.35.35 0 0 1-.104.255.35.35 0 0 1-.249.097m1.232-.325a.35.35 0 0 1-.256-.104.34.34 0 0 1-.104-.249q0-.151.104-.256a.35.35 0 0 1 .256-.103.34.34 0 0 1 .249.103q.104.105.104.256a.34.34 0 0 1-.104.25.34.34 0 0 1-.25.103m7.284 13.634L3.233 4.021a.5.5 0 0 1-.152-.373q0-.228.152-.38a.5.5 0 0 1 .38-.152q.222 0 .381.152l12.77 12.77a.48.48 0 0 1 .152.373q0 .22-.152.38a.52.52 0 0 1-.38.152.5.5 0 0 1-.374-.152"/>
        </symbol>
        <symbol id="wechat" viewBox="0 0 20 16">
            <path fill="#07C160"
                  d="M15.486 9.528a.736.736 0 1 1 0-1.472.736.736 0 0 1 0 1.472m-3.681 0a.736.736 0 1 1 0-1.473.736.736 0 0 1 0 1.473m5.454 4.216c1.165-.843 1.908-2.091 1.908-3.478 0-2.54-2.472-4.601-5.526-4.601s-5.526 2.06-5.526 4.601 2.473 4.602 5.526 4.602c.61 0 1.216-.084 1.802-.252a.5.5 0 0 1 .162-.023c.104 0 .205.03.294.084l1.208.698q.05.03.107.034a.183.183 0 0 0 .183-.183.5.5 0 0 0-.028-.135l-.252-.928a.4.4 0 0 1-.02-.118.38.38 0 0 1 .155-.3"/>
            <path fill="#07C160"
                  d="M9.67 5.221a.88.88 0 1 1 0-1.758.88.88 0 0 1 0 1.758m-4.417 0a.88.88 0 1 1 0-1.758.88.88 0 0 1 0 1.758M7.461.583C3.803.583.834 3.055.834 6.104c0 1.664.892 3.161 2.29 4.173a.44.44 0 0 1 .161.502l-.298 1.114a.6.6 0 0 0-.036.16.22.22 0 0 0 .221.221.24.24 0 0 0 .126-.041l1.454-.838a.662.662 0 0 1 .546-.073 7.8 7.8 0 0 0 2.163.304c.126 0 .244 0 .364-.009a4.3 4.3 0 0 1-.222-1.353c0-2.78 2.705-5.036 6.044-5.036.125 0 .24 0 .359.01C13.503 2.6 10.768.583 7.46.583"/>
        </symbol>
        <symbol id="menu" viewBox="0 0 20 20">
            <path d="M3.25 4.167h13.5a.75.75 0 0 1 0 1.5H3.25a.75.75 0 0 1 0-1.5M3.25 9.25h13.5a.75.75 0 0 1 0 1.5H3.25a.75.75 0 0 1 0-1.5M16.75 14.333H3.25a.75.75 0 0 0 0 1.5h13.5a.75.75 0 0 0 0-1.5"/>
        </symbol>
        <symbol id="ic_weibo" viewBox="0 0 20 20">
            <path fill="currentColor"
                  d="M11.449 6.194c1.944-.817 3.642-.865 4.262.024.33.474.299 1.138-.006 1.908-.14.354.043.41.313.49 1.095.341 2.315 1.166 2.315 2.618 0 2.405-3.457 5.433-8.652 5.433-3.963 0-8.014-1.927-8.014-5.096 0-1.657 1.046-3.573 2.848-5.381 2.406-2.413 5.212-3.513 6.268-2.453.465.466.51 1.275.211 2.24-.156.485.455.216.455.217m-2.5 1.794c-3.162.314-5.56 2.257-5.355 4.339s2.936 3.518 6.098 3.204 5.56-2.256 5.355-4.34c-.206-2.082-2.935-3.516-6.098-3.203m-1.302 6.648c-1.52-.492-2.165-1.998-1.499-3.355.654-1.33 2.355-2.082 3.86-1.69 1.557.404 2.352 1.879 1.715 3.31-.645 1.465-2.501 2.245-4.076 1.735m.858-2.851c-.49-.206-1.123.005-1.425.481-.306.477-.162 1.047.325 1.268.493.226 1.148.012 1.454-.478.3-.495.142-1.06-.354-1.271"/>
        </symbol>
        <symbol id="lock" viewBox="0 0 20 20">
            <path fill="currentColor" fill-opacity=".4"
                  d="M11.25 10.833c0 .41-.196.772-.5 1v1.084a.75.75 0 0 1-1.5 0v-1.083a1.25 1.25 0 1 1 2-1"/>
            <path fill="currentColor" fill-opacity=".4"
                  d="M10 1.667A4.083 4.083 0 0 0 5.918 5.75v.168a3.335 3.335 0 0 0-2.583 3.249v5A3.333 3.333 0 0 0 6.667 17.5h6.667a3.333 3.333 0 0 0 3.333-3.333v-5a3.335 3.335 0 0 0-2.583-3.249V5.75a4.083 4.083 0 0 0-4.083-4.083m2.584 4.166H7.417V5.75a2.583 2.583 0 0 1 5.167 0zm-7.75 3.334c0-1.013.82-1.834 1.833-1.834h6.667c1.013 0 1.833.821 1.833 1.834v5c0 1.012-.82 1.833-1.833 1.833H6.667a1.833 1.833 0 0 1-1.833-1.833z"/>
        </symbol>
        <symbol id="search" viewBox="0 0 24 24">
            <path d="M11.5 3a8.5 8.5 0 0 1 6.613 13.84l3.023 3.024a.9.9 0 1 1-1.272 1.272l-3.024-3.023A8.5 8.5 0 1 1 11.5 3m0 15.2a6.7 6.7 0 1 0 0-13.4 6.7 6.7 0 0 0 0 13.4"/>
        </symbol>
        <symbol id="private" viewBox="0 0 12 12">
            <path fill="#fff"
                  d="M6 1a2.45 2.45 0 0 0-2.45 2.45v.1A2 2 0 0 0 2 5.5v3a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-3a2 2 0 0 0-1.55-1.95v-.1A2.45 2.45 0 0 0 6 1m1.55 2.5h-3.1v-.05a1.55 1.55 0 0 1 3.1 0zm-1.1 3.6v.65a.45.45 0 1 1-.9 0V7.1A.749.749 0 0 1 6 5.75a.75.75 0 0 1 .45 1.35"/>
        </symbol>
        <symbol id="collect_small" viewBox="0 0 16 16">
            <path fill="currentColor" fill-opacity=".8"
                  d="M10.885 14.232c.395.172.852.123 1.2-.13.348-.254.536-.673.491-1.1l-.3-2.923a.33.33 0 0 1 .083-.258l1.996-2.213a1.205 1.205 0 0 0-.646-1.989l-2.936-.63a.33.33 0 0 1-.217-.156l-1.51-2.569a1.213 1.213 0 0 0-2.092 0l-1.51 2.569a.33.33 0 0 1-.218.157l-2.936.63a1.205 1.205 0 0 0-.646 1.99L3.64 9.82c.063.07.094.164.084.258l-.301 2.923c-.044.427.143.846.491 1.1.349.253.806.302 1.2.13l2.752-1.201a.33.33 0 0 1 .267 0zM2.385 6.939a.2.2 0 0 1-.043-.202.21.21 0 0 1 .157-.14l2.936-.63c.365-.078.68-.306.87-.628l1.51-2.568A.21.21 0 0 1 8 2.667c.077 0 .146.04.183.104l1.51 2.568c.19.322.505.55.87.628l2.936.63a.21.21 0 0 1 .157.14.2.2 0 0 1-.043.202l-1.996 2.213c-.253.28-.375.654-.336 1.03l.3 2.922a.21.21 0 0 1-.084.189.22.22 0 0 1-.212.022l-2.752-1.2a1.33 1.33 0 0 0-1.067 0l-2.751 1.2a.22.22 0 0 1-.213-.022.21.21 0 0 1-.084-.189l.3-2.923a1.33 1.33 0 0 0-.336-1.03z"/>
        </symbol>
        <symbol id="share_new" viewBox="0 0 24 24">
            <path fill="currentColor"
                  d="M14.863 1.863a.9.9 0 0 1 1.273 0l4.5 4.5a.9.9 0 0 1 0 1.273l-4.5 4.5a.9.9 0 1 1-1.273-1.273l2.9-2.9c-2.266.143-3.919.534-5.195 1.257-1.62.918-2.763 2.449-3.723 5.087a.9.9 0 1 1-1.691-.615c1.04-2.862 2.397-4.83 4.527-6.038 1.648-.934 3.678-1.362 6.2-1.501l-3.018-3.017a.9.9 0 0 1 0-1.273M7 4.9A3.1 3.1 0 0 0 3.9 8v9A3.1 3.1 0 0 0 7 20.1h9a3.1 3.1 0 0 0 3.1-3.1v-4a.9.9 0 0 1 1.8 0v4a4.9 4.9 0 0 1-4.9 4.9H7A4.9 4.9 0 0 1 2.1 17V8A4.9 4.9 0 0 1 7 3.1h4a.9.9 0 1 1 0 1.8z"/>
        </symbol>
        <symbol id="female" viewBox="0 0 12 12">
            <path fill="#FF7084"
                  d="M6 1.75a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5M3 4a3 3 0 0 0 2.625 2.977v.648h-2.25a.375.375 0 1 0 0 .75h2.25v2.25a.375.375 0 0 0 .75 0v-2.25h2.25a.375.375 0 1 0 0-.75h-2.25v-.648A3 3 0 1 0 3 4"/>
        </symbol>
        <symbol id="menu" viewBox="0 0 20 20">
            <path d="M3.25 4.167h13.5a.75.75 0 0 1 0 1.5H3.25a.75.75 0 0 1 0-1.5M3.25 9.25h13.5a.75.75 0 0 1 0 1.5H3.25a.75.75 0 0 1 0-1.5M16.75 14.333H3.25a.75.75 0 0 0 0 1.5h13.5a.75.75 0 0 0 0-1.5"/>
        </symbol>
        <symbol id="chevron_down" viewBox="0 0 16 16">
            <path d="M2.195 5.529a.667.667 0 0 0 0 .943l5.334 5.333c.26.26.682.26.942 0l5.334-5.333a.667.667 0 1 0-.943-.943L8 10.39 3.138 5.529a.667.667 0 0 0-.943 0"/>
        </symbol>
        <symbol id="search_user_info_skeleton" viewBox="0 0 160 40">
            <rect width="80" height="16" rx="8"/>
            <rect width="160" height="16" y="24" rx="8"/>
        </symbol>
        <symbol id="alert" viewBox="0 0 20 20">
            <path d="M9.25 6.105c0-.38.336-.688.75-.688s.75.308.75.688v5.29c0 .38-.336.688-.75.688s-.75-.308-.75-.688zM10 14.584a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5"/>
            <path d="M18.333 10a8.333 8.333 0 1 1-16.666 0 8.333 8.333 0 0 1 16.666 0m-1.5 0a6.833 6.833 0 1 0-13.666 0 6.833 6.833 0 0 0 13.666 0"/>
        </symbol>
        <symbol id="arrow_right_top" viewBox="0 0 24 24">
            <path fill="currentColor" fill-rule="evenodd"
                  d="M6.664 5a1 1 0 0 1 1-1h11.314a1 1 0 0 1 1 1v11.314a1 1 0 1 1-2 0v-8.9L6.958 18.435a1 1 0 1 1-1.415-1.414L16.563 6H7.665a1 1 0 0 1-1-1"
                  clip-rule="evenodd"/>
        </symbol>
        <symbol id="speaker" viewBox="0 0 20 20">
            <g fill="#3D8AF5">
                <path d="m12.334 15.624-.957-.383a3.56 3.56 0 0 1-5.751-.955l-.326-.04a4.247 4.247 0 0 1 0-8.492s3.264-.023 5.22-.652c.726-.234 1.814-.726 1.814-.726a2.806 2.806 0 0 1 5.489.817v9.614a2.805 2.805 0 0 1-5.49.817m.28-1.504V5.88s-1.027.471-1.716.686c-1.549.482-4.121.515-4.121.515v5.838h.007q.025.284.12.54a2.061 2.061 0 0 0 3.881-.04l.113.015zm1.5 1.629a1.305 1.305 0 0 0 2.209-.941V5.192a1.305 1.305 0 1 0-2.61 0v9.614c0 .37.154.704.401.942m-10.21-8.05a2.75 2.75 0 0 0-1.248 2.3 2.745 2.745 0 0 0 2.747 2.748V7.253q-.063 0-.126.003a2.73 2.73 0 0 0-1.374.442"/>
                <path d="M8.828 13.64a.883.883 0 1 0 0-1.765.883.883 0 0 0 0 1.766"/>
            </g>
        </symbol>
        <symbol id="Android" viewBox="0 0 24 28">
            <path fill="#333" fill-rule="nonzero"
                  d="M8.2 5.974a.62.62 0 0 0 .457-.194.64.64 0 0 0 .191-.463.64.64 0 0 0-.19-.462.62.62 0 0 0-.458-.194.6.6 0 0 0-.45.194.65.65 0 0 0-.182.462q0 .27.183.463a.6.6 0 0 0 .449.194m7.018 0a.6.6 0 0 0 .45-.194.65.65 0 0 0 .183-.463.65.65 0 0 0-.183-.462.6.6 0 0 0-.45-.194.62.62 0 0 0-.457.194.64.64 0 0 0-.191.462q0 .27.191.463a.62.62 0 0 0 .457.194M1.713 9.07q.699 0 1.198.505.498.504.499 1.211v7.236q0 .723-.491 1.228a1.62 1.62 0 0 1-1.206.505q-.715 0-1.214-.505A1.68 1.68 0 0 1 0 18.022v-7.236q0-.707.499-1.211a1.64 1.64 0 0 1 1.214-.505m17.63.32v11.206q0 .774-.532 1.313a1.74 1.74 0 0 1-1.28.538h-1.248v3.82q0 .723-.499 1.228A1.64 1.64 0 0 1 14.57 28q-.716 0-1.214-.505a1.68 1.68 0 0 1-.5-1.228v-3.82h-2.295v3.82q0 .723-.498 1.228A1.64 1.64 0 0 1 8.848 28q-.698 0-1.197-.505a1.68 1.68 0 0 1-.5-1.228l-.016-3.82h-1.23q-.765 0-1.298-.538a1.8 1.8 0 0 1-.532-1.313V9.39zm-3.858-6.815a7.34 7.34 0 0 1 2.844 2.582 6.6 6.6 0 0 1 1.064 3.627H4.008q0-1.97 1.065-3.627a7.3 7.3 0 0 1 2.86-2.582L6.754.37q-.117-.219.083-.336.216-.101.332.1l1.198 2.222a8.1 8.1 0 0 1 3.343-.707q1.763 0 3.343.707L16.25.135q.116-.203.332-.101.2.117.083.336zm7.933 8.211v7.236q0 .723-.499 1.228a1.64 1.64 0 0 1-1.214.505q-.699 0-1.197-.505a1.68 1.68 0 0 1-.5-1.228v-7.236q0-.723.5-1.22.498-.495 1.197-.496.716 0 1.214.496.5.497.5 1.22"/>
        </symbol>
        <symbol id="play" viewBox="0 0 10 12">
            <path fill="currentColor"
                  d="M2.002.515 9.345 4.85a1.335 1.335 0 0 1 0 2.297L2.002 11.48A1.326 1.326 0 0 1 0 10.332V1.664A1.33 1.33 0 0 1 2.002.515"/>
        </symbol>
        <symbol id="right-arrow" viewBox="0 0 16 16">
            <path fill="#333" fill-opacity=".6"
                  d="M6.195 2.862c.26-.26.683-.26.943 0l4.667 4.666c.26.26.26.683 0 .943l-4.667 4.667a.667.667 0 1 1-.943-.943L10.39 8 6.195 3.805a.667.667 0 0 1 0-.943"/>
        </symbol>
        <symbol id="location" viewBox="0 0 12 12">
            <path fill="#fff"
                  d="M2.105 7.618a4.33 4.33 0 0 1-.605-2.21C1.5 2.282 4.69.13 7.806 1.342c.916.356 1.944 1.347 2.317 2.24.582 1.39.478 2.841-.228 4.034-.475.8-1.712 1.944-3.2 3.14a1.11 1.11 0 0 1-1.39 0c-1.494-1.202-2.725-2.34-3.2-3.14M6 6.75A1.375 1.375 0 1 0 6 4a1.375 1.375 0 0 0 0 2.75"/>
        </symbol>
        <symbol id="collected" viewBox="0 0 24 24">
            <path fill="#FDBC5F"
                  d="M18.865 19.503a1.81 1.81 0 0 1-.737 1.649 1.82 1.82 0 0 1-1.8.196L12.2 19.546a.5.5 0 0 0-.4 0l-4.127 1.802a1.82 1.82 0 0 1-1.801-.196 1.81 1.81 0 0 1-.737-1.65l.452-4.384a.5.5 0 0 0-.127-.386l-2.994-3.32a1.81 1.81 0 0 1-.377-1.77c.2-.615.713-1.077 1.347-1.213l4.404-.945a.5.5 0 0 0 .326-.235l2.265-3.853a1.82 1.82 0 0 1 3.138 0l2.265 3.853a.5.5 0 0 0 .326.235l4.404.945a1.808 1.808 0 0 1 .97 2.984l-2.994 3.319a.5.5 0 0 0-.127.386z"/>
        </symbol>
        <symbol id="user_banned" viewBox="0 0 96 96">
            <path d="M67.053 60c.77 1.333-.193 3-1.733 3H30.68c-1.54 0-2.502-1.667-1.733-3l17.32-30c.77-1.333 2.695-1.333 3.465 0zM51.464 29c-1.54-2.667-5.389-2.667-6.928 0l-17.32 30c-1.54 2.667.384 6 3.464 6h34.64c3.08 0 5.004-3.333 3.465-6z"/>
            <path d="M49 53.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0M48 41.5a1.5 1.5 0 0 0-1.5 1.5l.018.232L47 49.5a1 1 0 1 0 2 0l.482-6.268L49.5 43a1.5 1.5 0 0 0-1.5-1.5"/>
        </symbol>
        <symbol id="exit" viewBox="0 0 24 24">
            <path fill="currentColor"
                  d="M3.268 11.354a.914.914 0 0 0 0 1.292l5.586 5.586a.914.914 0 0 0 1.292-1.292l-4.025-4.026h13.965a.914.914 0 0 0 0-1.828H6.12l4.025-4.026a.914.914 0 1 0-1.292-1.292z"/>
        </symbol>
        <symbol id="reload" viewBox="0 0 24 24">
            <path fill="currentColor"
                  d="M10.783 7.078a.91.91 0 0 1 .087-1.282l2.156-1.884a7.98 7.98 0 0 0-8.138 3.913 8.044 8.044 0 0 0 1.834 10.194.909.909 0 1 1-1.16 1.4 9.86 9.86 0 0 1-2.25-12.5A9.794 9.794 0 0 1 14.96 2.524c.773.264.966 1.27.354 1.803l-3.248 2.838a.91.91 0 0 1-1.283-.087M13.217 16.922a.91.91 0 0 1-.087 1.282l-2.156 1.884a7.98 7.98 0 0 0 8.138-3.913 8.044 8.044 0 0 0-1.834-10.194.909.909 0 1 1 1.16-1.4 9.86 9.86 0 0 1 2.25 12.5A9.794 9.794 0 0 1 9.04 21.476c-.772-.263-.965-1.265-.354-1.803l3.248-2.838a.91.91 0 0 1 1.283.087"/>
        </symbol>
        <symbol id="done" viewBox="0 0 20 20">
            <path fill="currentColor" fill-opacity=".6"
                  d="M2.656 10.212a.625.625 0 0 1 .882-.056l4.726 4.159 8.964-10.757a.625.625 0 0 1 .96.8l-9.375 11.25a.625.625 0 0 1-.893.07l-5.208-4.584a.625.625 0 0 1-.056-.882"/>
        </symbol>
        <symbol id="thanks" viewBox="0 0 24 25">
            <rect width="24" height="24" y=".5" fill="#FF2442" rx="12"/>
            <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m6 13 4 4 8-8"/>
        </symbol>
        <symbol id="ic_close" viewBox="0 0 20 20">
            <path fill="currentColor"
                  d="M16.025 3.977c.3.299.3.784 0 1.084L11.085 10l4.938 4.938a.767.767 0 0 1-1.084 1.084L10 11.085l-4.94 4.94a.77.77 0 0 1-1.012.064l-.072-.064c-.3-.299-.3-.784 0-1.084l4.94-4.94-4.942-4.942a.767.767 0 1 1 1.084-1.084l4.942 4.941 4.94-4.94a.77.77 0 0 1 1.012-.063z"/>
        </symbol>
        <symbol id="skeleton_m" viewBox="0 0 200 254">
            <rect width="200" height="200" rx="16"/>
            <rect width="128" height="16" x="4" y="208" rx="8"/>
            <rect width="160" height="16" x="4" y="230" opacity=".5" rx="8"/>
        </symbol>
        <symbol id="male" viewBox="0 0 12 12">
            <path fill="#5B92E1"
                  d="M5.735 1.11a.375.375 0 0 1 .53 0L8.39 3.235a.375.375 0 0 1-.53.53L6.375 2.28v2.743a3 3 0 1 1-.75 0V2.28L4.14 3.765a.375.375 0 0 1-.53-.53zM6 5.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5"/>
        </symbol>
        <symbol id="company" viewBox="0 0 24 24">
            <path fill="#5B92E1" fill-rule="evenodd"
                  d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10" clip-rule="evenodd"/>
            <path fill="#fff"
                  d="M17.244 9.526a.894.894 0 0 0-.02-1.273.915.915 0 0 0-1.286.021l-5.415 5.543-1.972-1.953a.915.915 0 0 0-1.285 0 .894.894 0 0 0 0 1.272l2.625 2.6a.913.913 0 0 0 1.296-.01z"/>
        </symbol>
        <symbol id="livephoto" viewBox="0 0 20 20">
            <path fill="#fff"
                  d="M9.999 15.588q-1.17 0-2.186-.43a5.6 5.6 0 0 1-1.778-1.196 5.7 5.7 0 0 1-1.197-1.778 5.55 5.55 0 0 1-.429-2.179q0-1.161.43-2.172A5.6 5.6 0 0 1 6.041 6.05a5.57 5.57 0 0 1 3.957-1.633q1.155 0 2.165.436t1.777 1.21q.775.768 1.21 1.778.438 1.01.437 2.165 0 1.163-.436 2.172a5.7 5.7 0 0 1-1.204 1.778 5.55 5.55 0 0 1-1.784 1.197 5.4 5.4 0 0 1-2.165.436m0-.671q1.016 0 1.909-.38a4.9 4.9 0 0 0 2.621-2.623q.38-.89.38-1.909 0-1.017-.386-1.902a4.9 4.9 0 0 0-1.059-1.563 4.9 4.9 0 0 0-1.563-1.059 4.7 4.7 0 0 0-1.902-.387q-1.017 0-1.91.38a4.94 4.94 0 0 0-2.621 2.622 4.8 4.8 0 0 0-.38 1.91q0 1.023.38 1.915a4.91 4.91 0 0 0 2.614 2.615q.893.38 1.917.38m0-11.877a.36.36 0 0 1-.256-.097.36.36 0 0 1-.097-.256q0-.145.097-.25a.35.35 0 0 1 .256-.103q.152 0 .249.104a.34.34 0 0 1 .103.249.35.35 0 0 1-.103.256.34.34 0 0 1-.25.097m1.272.117a.34.34 0 0 1-.249-.104.34.34 0 0 1-.104-.249q0-.151.104-.256a.34.34 0 0 1 .25-.103q.15 0 .255.103.104.105.104.256a.34.34 0 0 1-.104.25.35.35 0 0 1-.256.103m1.232.325a.35.35 0 0 1-.25-.097.35.35 0 0 1-.103-.256q0-.152.104-.249a.34.34 0 0 1 .249-.103q.152 0 .249.103.103.097.103.25a.35.35 0 0 1-.103.255.34.34 0 0 1-.25.097m1.162.554a.35.35 0 0 1-.256-.104.34.34 0 0 1-.104-.25q0-.15.104-.255a.35.35 0 0 1 .256-.104.34.34 0 0 1 .249.104q.104.104.104.256a.34.34 0 0 1-.104.249.34.34 0 0 1-.25.104m1.044.726a.35.35 0 0 1-.256-.104.35.35 0 0 1-.097-.249q0-.151.097-.249a.35.35 0 0 1 .256-.104.34.34 0 0 1 .25.104q.102.097.103.25a.34.34 0 0 1-.104.248.34.34 0 0 1-.249.104m.906.906a.35.35 0 0 1-.255-.104.34.34 0 0 1-.104-.249q0-.151.104-.256a.35.35 0 0 1 .255-.103.34.34 0 0 1 .25.103q.103.105.103.256a.34.34 0 0 1-.104.25.34.34 0 0 1-.249.103m.734 1.052a.35.35 0 0 1-.256-.104.35.35 0 0 1-.097-.25.36.36 0 0 1 .097-.255.35.35 0 0 1 .256-.104.34.34 0 0 1 .249.104q.103.103.103.256a.34.34 0 0 1-.103.249.34.34 0 0 1-.25.104m.532 1.155a.34.34 0 0 1-.249-.104.35.35 0 0 1-.104-.256.34.34 0 0 1 .104-.249.34.34 0 0 1 .25-.104q.15 0 .255.104a.34.34 0 0 1 .104.25.35.35 0 0 1-.104.255.35.35 0 0 1-.256.104m.332 1.224a.35.35 0 0 1-.256-.104.34.34 0 0 1-.103-.249q0-.151.103-.249a.35.35 0 0 1 .256-.103.34.34 0 0 1 .25.103q.103.097.103.25a.34.34 0 0 1-.104.248.34.34 0 0 1-.249.104m.111 1.26a.35.35 0 0 1-.256-.105.34.34 0 0 1-.104-.249q0-.152.104-.249a.35.35 0 0 1 .256-.103.34.34 0 0 1 .249.103q.105.097.104.25a.34.34 0 0 1-.104.248.34.34 0 0 1-.249.104m-.11 1.258a.35.35 0 0 1-.257-.104.34.34 0 0 1-.103-.249q0-.152.103-.249a.35.35 0 0 1 .256-.104.34.34 0 0 1 .25.104q.103.097.103.25a.34.34 0 0 1-.104.248.34.34 0 0 1-.249.104m-.333 1.231a.34.34 0 0 1-.249-.104.35.35 0 0 1-.104-.255.34.34 0 0 1 .104-.25.34.34 0 0 1 .25-.103q.15 0 .255.104a.34.34 0 0 1 .104.249.35.35 0 0 1-.104.255.35.35 0 0 1-.256.104m-.532 1.149a.36.36 0 0 1-.256-.097.36.36 0 0 1-.097-.256q0-.145.097-.25a.35.35 0 0 1 .256-.103.34.34 0 0 1 .249.104.34.34 0 0 1 .103.249.35.35 0 0 1-.103.256.35.35 0 0 1-.25.097m-.734 1.051a.36.36 0 0 1-.255-.097.35.35 0 0 1-.104-.256.34.34 0 0 1 .104-.249.35.35 0 0 1 .255-.104.34.34 0 0 1 .25.104.34.34 0 0 1 .103.25.35.35 0 0 1-.104.255.35.35 0 0 1-.249.097m-.906.906a.35.35 0 0 1-.256-.104.35.35 0 0 1-.097-.249.36.36 0 0 1 .097-.256.35.35 0 0 1 .256-.103.34.34 0 0 1 .25.103q.102.105.103.256a.34.34 0 0 1-.104.25.34.34 0 0 1-.249.103m-1.044.726a.35.35 0 0 1-.256-.103.33.33 0 0 1-.104-.25.34.34 0 0 1 .104-.248.35.35 0 0 1 .256-.104.34.34 0 0 1 .249.104.34.34 0 0 1 .104.249.33.33 0 0 1-.104.249.34.34 0 0 1-.25.103m-1.162.554a.34.34 0 0 1-.25-.104.34.34 0 0 1-.103-.249q0-.152.104-.256a.34.34 0 0 1 .249-.104q.152 0 .249.104.103.105.103.256a.34.34 0 0 1-.103.25.33.33 0 0 1-.25.103m-1.232.325a.34.34 0 0 1-.249-.104.34.34 0 0 1-.104-.249q0-.152.104-.256a.35.35 0 0 1 .25-.097.36.36 0 0 1 .255.097q.104.105.104.256a.34.34 0 0 1-.104.25.35.35 0 0 1-.256.103M10 17.677a.35.35 0 0 1-.256-.104.35.35 0 0 1-.097-.25.36.36 0 0 1 .097-.255.35.35 0 0 1 .256-.104q.152 0 .249.104.103.103.103.256a.34.34 0 0 1-.103.249.33.33 0 0 1-.25.104m-1.273-.118a.35.35 0 0 1-.256-.104.34.34 0 0 1-.104-.249q0-.152.104-.256a.36.36 0 0 1 .256-.097q.146 0 .249.097.104.105.104.256a.34.34 0 0 1-.104.25.34.34 0 0 1-.25.103m-1.232-.325a.35.35 0 0 1-.255-.104.35.35 0 0 1-.097-.249.36.36 0 0 1 .097-.256.35.35 0 0 1 .255-.104.34.34 0 0 1 .25.104q.103.105.103.256a.34.34 0 0 1-.104.25.34.34 0 0 1-.249.103m-1.162-.554a.34.34 0 0 1-.249-.103.33.33 0 0 1-.103-.25.34.34 0 0 1 .103-.248.34.34 0 0 1 .25-.104q.15 0 .255.104a.34.34 0 0 1 .104.249.33.33 0 0 1-.104.249.35.35 0 0 1-.256.103m-1.044-.726a.34.34 0 0 1-.25-.104.34.34 0 0 1-.103-.249q0-.151.104-.256a.34.34 0 0 1 .249-.103q.151 0 .249.103.104.105.104.256a.34.34 0 0 1-.104.25.33.33 0 0 1-.25.103m-.906-.906a.35.35 0 0 1-.25-.097.35.35 0 0 1-.103-.256.34.34 0 0 1 .104-.249.34.34 0 0 1 .249-.104q.151 0 .256.104a.34.34 0 0 1 .103.25.35.35 0 0 1-.103.255.36.36 0 0 1-.256.097m-.734-1.051A.35.35 0 0 1 3.4 13.9a.35.35 0 0 1-.103-.256.34.34 0 0 1 .103-.25.34.34 0 0 1 .25-.103q.151 0 .248.104a.34.34 0 0 1 .104.249.35.35 0 0 1-.104.256.34.34 0 0 1-.249.097m-.532-1.149a.35.35 0 0 1-.256-.104.35.35 0 0 1-.104-.255.34.34 0 0 1 .104-.25.35.35 0 0 1 .256-.103.34.34 0 0 1 .249.104.34.34 0 0 1 .104.249.35.35 0 0 1-.104.255.34.34 0 0 1-.25.104m-.332-1.231a.34.34 0 0 1-.25-.104.34.34 0 0 1-.103-.249q0-.152.104-.249a.34.34 0 0 1 .249-.104q.152 0 .256.104.103.097.103.25a.34.34 0 0 1-.103.248.35.35 0 0 1-.256.104m-.11-1.259a.34.34 0 0 1-.25-.104.34.34 0 0 1-.104-.249q0-.152.104-.249a.34.34 0 0 1 .25-.103q.15 0 .255.103.104.097.104.25a.34.34 0 0 1-.104.248.35.35 0 0 1-.256.104m.11-1.259a.34.34 0 0 1-.25-.104.34.34 0 0 1-.103-.249q0-.151.104-.249a.34.34 0 0 1 .249-.103q.152 0 .256.103.103.097.103.25a.34.34 0 0 1-.103.248.35.35 0 0 1-.256.104m.332-1.224a.35.35 0 0 1-.256-.104.35.35 0 0 1-.104-.256.34.34 0 0 1 .104-.249.35.35 0 0 1 .256-.104.34.34 0 0 1 .249.104.34.34 0 0 1 .104.25.35.35 0 0 1-.104.255.34.34 0 0 1-.25.104m.532-1.155a.34.34 0 0 1-.249-.104.34.34 0 0 1-.103-.25q0-.15.103-.255a.34.34 0 0 1 .25-.104q.151 0 .248.104.105.103.104.256a.34.34 0 0 1-.104.249.33.33 0 0 1-.249.104m.734-1.052a.34.34 0 0 1-.25-.104.34.34 0 0 1-.103-.249q0-.151.104-.256a.34.34 0 0 1 .249-.103q.151 0 .256.103.103.105.103.256a.34.34 0 0 1-.103.25.35.35 0 0 1-.256.103m.906-.906a.34.34 0 0 1-.25-.104.34.34 0 0 1-.103-.249q0-.151.104-.249a.34.34 0 0 1 .249-.104q.151 0 .249.104.104.097.104.25a.34.34 0 0 1-.104.248.33.33 0 0 1-.25.104m1.044-.726a.34.34 0 0 1-.249-.104.34.34 0 0 1-.103-.25q0-.15.103-.255a.34.34 0 0 1 .25-.104q.15 0 .255.104t.104.256a.34.34 0 0 1-.104.249.35.35 0 0 1-.256.104m1.162-.554a.36.36 0 0 1-.255-.097.36.36 0 0 1-.097-.256q0-.152.097-.249a.35.35 0 0 1 .255-.103.34.34 0 0 1 .25.103q.103.097.103.25a.35.35 0 0 1-.104.255.35.35 0 0 1-.249.097m1.232-.325a.35.35 0 0 1-.256-.104.34.34 0 0 1-.104-.249q0-.151.104-.256a.35.35 0 0 1 .256-.103.34.34 0 0 1 .249.103q.104.105.104.256a.34.34 0 0 1-.104.25.34.34 0 0 1-.25.103m1.273 9.698a2.8 2.8 0 0 1-1.44-.38 2.87 2.87 0 0 1-1.023-1.024 2.77 2.77 0 0 1-.38-1.439q0-.78.38-1.425a2.9 2.9 0 0 1 1.03-1.03A2.76 2.76 0 0 1 10 7.177q.78 0 1.425.38.65.38 1.03 1.03.388.644.388 1.425 0 .788-.388 1.439-.38.643-1.024 1.024a2.76 2.76 0 0 1-1.431.38m0-1.3q.421 0 .767-.208.354-.207.56-.553.208-.353.208-.782 0-.422-.207-.768a1.6 1.6 0 0 0-.56-.553 1.43 1.43 0 0 0-.768-.214q-.43 0-.775.207t-.554.56q-.207.346-.207.768 0 .43.2.782.208.346.554.553.353.208.782.208"/>
        </symbol>
        <symbol id="loading" viewBox="0 0 20 20">
            <path fill="currentColor" fill-opacity=".3"
                  d="M10 3.182A6.818 6.818 0 1 0 16.816 10a.758.758 0 0 1 1.516 0 8.333 8.333 0 1 1-8.334-8.333.758.758 0 0 1 0 1.515"/>
        </symbol>
        <symbol id="ic_link" viewBox="0 0 20 20">
            <path fill="currentColor"
                  d="M15.948 2.868a4.1 4.1 0 0 0-5.8 0L8.964 4.052a.753.753 0 0 0 1.066 1.065l1.183-1.184a2.595 2.595 0 0 1 3.67 0l1.184 1.184a2.595 2.595 0 0 1 0 3.67l-2.368 2.367a2.595 2.595 0 0 1-3.67 0l-.591-.592a.753.753 0 1 0-1.066 1.066l.592.591a4.1 4.1 0 0 0 5.8 0l2.368-2.367a4.1 4.1 0 0 0 0-5.8z"/>
            <path fill="currentColor"
                  d="M4.052 17.132a4.1 4.1 0 0 0 5.8 0l1.361-1.361a.753.753 0 0 0-1.065-1.066l-1.361 1.362a2.595 2.595 0 0 1-3.67 0l-1.184-1.184a2.595 2.595 0 0 1 0-3.67l2.368-2.367a2.595 2.595 0 0 1 3.67 0l.591.592a.753.753 0 0 0 1.066-1.066l-.592-.592a4.1 4.1 0 0 0-5.8 0l-2.368 2.368a4.1 4.1 0 0 0 0 5.8z"/>
        </symbol>
        <symbol id="right" viewBox="0 0 16 16">
            <path d="M5.527 2.195c.26-.26.683-.26.943 0l5.333 5.334c.26.26.26.682 0 .942L6.47 13.805a.667.667 0 1 1-.943-.943L10.39 8 5.527 3.138a.667.667 0 0 1 0-.943"/>
        </symbol>
        <symbol id="user_empty_like" viewBox="0 0 96 96">
            <path fill-rule="evenodd"
                  d="M66.865 49.088 48 67.953 29.135 49.088A11.96 11.96 0 0 1 26 41c0-6.627 5.373-12 12-12 3.424 0 6.513 1.434 8.7 3.734.478.504.914 1.05 1.3 1.63q.581-.872 1.3-1.63A11.97 11.97 0 0 1 58 29c6.627 0 12 5.373 12 12 0 3.116-1.188 5.954-3.135 8.088m-36.282-1.38A9.96 9.96 0 0 1 28 41c0-5.523 4.477-10 10-10a9.99 9.99 0 0 1 8.334 4.472L48 37.977l1.666-2.505A9.99 9.99 0 0 1 58 31c5.523 0 10 4.477 10 10a9.96 9.96 0 0 1-2.583 6.707L48 65.124z"
                  clip-rule="evenodd"/>
            <path d="M34 41a4 4 0 0 1 4-4 1 1 0 1 0 0-2 6 6 0 0 0-6 6 1 1 0 1 0 2 0M73.275 51.815a4.744 4.744 0 0 0-6.276 5.995l.166.402 3.87 9.342 9.341-3.87.402-.166a4.744 4.744 0 1 0-4.662-8.23 4.74 4.74 0 0 0-2.841-3.473M22.687 51.815a4.743 4.743 0 0 1 6.276 5.995l-.166.402-3.87 9.342-9.342-3.87-.402-.166a4.744 4.744 0 1 1 4.663-8.23 4.74 4.74 0 0 1 2.84-3.473"
                  opacity=".5"/>
        </symbol>
        <symbol id="ic_wechat" viewBox="0 0 20 20">
            <path fill="currentColor"
                  d="M14.136 7.044c.09.163-.03.36-.22.376-2.716.26-4.842 2.383-4.842 4.96a4.7 4.7 0 0 0 .876 2.713.257.257 0 0 1-.156.395 7.25 7.25 0 0 1-3.542-.116c-.565-.165-1.101-.2-1.591-.104l-.574.11a.8.8 0 0 1-.628-.142.78.78 0 0 1-.311-.556l-.072-.792a2 2 0 0 0-.366-.971 5.53 5.53 0 0 1-1.043-3.214c0-3.283 2.952-5.953 6.582-5.953 2.574 0 4.806 1.343 5.887 3.294m-8.006.873a.892.892 0 1 0 .003-1.785.892.892 0 0 0-.003 1.785m2.68-.892a.892.892 0 1 0 1.787 0 .892.892 0 0 0-1.787 0"/>
            <path fill="currentColor"
                  d="M10 12.38c0-2.133 1.869-3.868 4.166-3.868 2.299 0 4.167 1.735 4.167 3.868a3.67 3.67 0 0 1-.664 2.096 1.06 1.06 0 0 0-.188.509l-.043.492a.68.68 0 0 1-.265.477.66.66 0 0 1-.525.12l-.347-.067a1.8 1.8 0 0 0-.875.06 4.4 4.4 0 0 1-1.26.183c-2.297 0-4.166-1.735-4.166-3.87m1.786-1.487a.595.595 0 1 0 1.189.001.595.595 0 0 0-1.19-.001m3.571.595a.595.595 0 1 0 0-1.19.595.595 0 0 0 0 1.19"/>
        </symbol>
        <symbol id="arrow_right_f" viewBox="0 0 24 24">
            <path fill="#fff"
                  d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12m11.53 3.78a.75.75 0 1 1-1.06-1.06l1.97-1.97H7.75a.75.75 0 0 1 0-1.5h6.69l-1.97-1.97a.75.75 0 0 1 1.06-1.06l3.25 3.25a.75.75 0 0 1 0 1.06z"
                  opacity=".5"/>
        </symbol>
        <symbol id="success" viewBox="0 0 24 24">
            <g fill="#333" fill-opacity=".6">
                <path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-1.8 0a8.2 8.2 0 1 0-16.4 0 8.2 8.2 0 0 0 16.4 0"/>
                <path d="M17.069 8.865a.9.9 0 0 1 .05 1.271l-4.807 5.21a1.9 1.9 0 0 1-2.785.007l-2.619-2.811a.9.9 0 1 1 1.316-1.229l2.619 2.812a.1.1 0 0 0 .146 0l4.808-5.21a.9.9 0 0 1 1.272-.05"/>
            </g>
        </symbol>
        <symbol id="thumbUp" viewBox="0 0 24 24">
            <path fill="currentColor"
                  d="m11.319 5.135-.002.018q0 .014-.002.039l-.002.06c-.016.436-.134 1.727-1.04 2.858C9.264 9.373 8.25 9.721 7.38 9.983c-.307.092-.542.389-.542.813v7.537a1.1 1.1 0 0 0 1.1 1.1H17.1a2.1 2.1 0 0 0 2.007-1.484l1.499-4.877a2.1 2.1 0 0 0-2.008-2.717h-5.62l.275-1.116c.309-1.251.526-2.45.318-3.944l-.012-.088-.007-.05a1.04 1.04 0 0 0-.225-.487c-.129-.15-.403-.37-1.06-.37-.413 0-.6.153-.713.296-.143.18-.21.408-.235.539m-1.175-1.657c.43-.543 1.122-.978 2.123-.978 1.144 0 1.93.422 2.425.997a2.84 2.84 0 0 1 .662 1.55c.186 1.334.088 2.472-.107 3.508h3.351c2.624 0 4.499 2.538 3.728 5.045l-1.498 4.878a3.9 3.9 0 0 1-3.728 2.755H7.938a2.9 2.9 0 0 1-2.9-2.9v-7.537c0-1.113.66-2.187 1.824-2.537.727-.219 1.329-.428 2.006-1.274.55-.686.636-1.512.646-1.797l.001-.02c.002-.07.007-.22.036-.37.05-.262.192-.816.593-1.32M2.898 8.555a.9.9 0 0 1 .9.9v10.793a.9.9 0 1 1-1.8 0V9.455a.9.9 0 0 1 .9-.9"/>
        </symbol>
        <symbol id="vector-left" viewBox="0 0 6 24">
            <path fill="currentColor" fill-rule="evenodd" d="M6 23.372V24v-1.895zM5.999 1.873V.011v.617q0 .622 0 1.245"
                  clip-rule="evenodd"/>
            <path fill="currentColor"
                  d="M5.994 21.377c-.008-.837-.02-1.774-.297-2.588-.3-.88-.825-1.463-1.442-2.049-.444-.421-1.392-1.25-1.85-1.654-.374-.33-1.116-.977-1.474-1.33C.48 13.312 0 12.763 0 12s.48-1.312.93-1.756c.359-.353 1.1-1 1.475-1.33.458-.403 1.405-1.232 1.85-1.654.617-.587 1.141-1.169 1.441-2.048.277-.815.29-1.752.298-2.589l.005-.75v20.232q0-.365-.005-.728"/>
        </symbol>
        <symbol id="delete" viewBox="0 0 20 20">
            <path d="M8.125 2.5h3.75a.625.625 0 1 1 0 1.25h-3.75a.625.625 0 1 1 0-1.25M8.125 7.5a.625.625 0 0 0-.625.625v6.25a.625.625 0 1 0 1.25 0v-6.25a.625.625 0 0 0-.625-.625M11.25 8.125a.625.625 0 1 1 1.25 0v6.25a.625.625 0 1 1-1.25 0z"/>
            <path d="M16.875 5a.625.625 0 1 1 0 1.25h-1.042v7.917A3.333 3.333 0 0 1 12.5 17.5h-5a3.333 3.333 0 0 1-3.333-3.333V6.25H3.125a.625.625 0 1 1 0-1.25zM5.417 6.25v7.917c0 1.15.932 2.083 2.083 2.083h5c1.15 0 2.083-.933 2.083-2.083V6.25z"/>
        </symbol>
        <symbol id="login_checked" viewBox="0 0 16 16">
            <path d="m15.05 3.79-9.188 9.188L.95 8.066l1.273-1.273 3.64 3.64 7.914-7.915z"/>
        </symbol>
        <symbol id="filtrate" viewBox="0 0 20 20">
            <path fill="currentColor"
                  d="M11.41 17.51c.595-.258.982-.865.982-1.538v-4.775c0-.237.065-.47.187-.67l3.835-6.299c.676-1.11-.087-2.561-1.345-2.561H4.93c-1.259 0-2.022 1.452-1.346 2.561l3.835 6.298c.122.2.187.434.187.671v5.47c0 1.189 1.158 1.995 2.209 1.538zm-1.594.695-.5-1.146a.28.28 0 0 1-.284-.031.43.43 0 0 1-.175-.361v-5.47c0-.464-.126-.922-.37-1.32l-3.834-6.3a.46.46 0 0 1-.014-.464c.075-.143.182-.196.292-.196h10.138c.109 0 .217.053.291.196a.46.46 0 0 1-.013.465L11.51 9.876c-.242.399-.369.857-.369 1.321v4.775c0 .2-.114.342-.23.393l-1.595.694z"/>
        </symbol>
        <symbol id="arrow_left" viewBox="0 0 20 20">
            <path fill="currentColor"
                  d="M12.27 2.705a.783.783 0 0 1 .034 1.072L6.84 9.867a.2.2 0 0 0 0 .267l5.463 6.089a.783.783 0 0 1-.033 1.072.704.704 0 0 1-1.026-.035L5.196 10.52a.783.783 0 0 1 0-1.038l6.049-6.741a.704.704 0 0 1 1.026-.035"/>
        </symbol>
        <symbol id="me" viewBox="0 0 25 24">
            <path fill="currentColor"
                  d="M15.95 7.5a3.7 3.7 0 1 1-7.4 0 3.7 3.7 0 0 1 7.4 0m1.8 0a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0M2.25 21.005c0-3.4 2.756-6.155 6.155-6.155h7.69c3.4 0 6.155 2.755 6.155 6.155v.093a.9.9 0 0 1-1.8 0v-.093a4.355 4.355 0 0 0-4.355-4.355h-7.69a4.355 4.355 0 0 0-4.355 4.355v.093a.9.9 0 1 1-1.8 0v-.093"/>
        </symbol>
        <symbol id="famous" viewBox="0 0 24 24">
            <path fill="#FF2442" fill-rule="evenodd"
                  d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10" clip-rule="evenodd"/>
            <path fill="#fff"
                  d="M17.244 9.526a.894.894 0 0 0-.02-1.273.915.915 0 0 0-1.286.021l-5.415 5.543-1.972-1.953a.915.915 0 0 0-1.285 0 .894.894 0 0 0 0 1.272l2.625 2.6a.913.913 0 0 0 1.296-.01z"/>
        </symbol>
        <symbol id="close" viewBox="0 0 24 24">
            <path d="M19.23 4.772a.92.92 0 0 1 0 1.301l-5.928 5.928 5.926 5.925a.92.92 0 0 1-1.302 1.302l-5.925-5.926-5.928 5.929a.92.92 0 0 1-1.214.076l-.087-.076a.92.92 0 0 1 0-1.302l5.928-5.928-5.93-5.93a.92.92 0 0 1 1.3-1.301l5.931 5.93 5.928-5.928a.92.92 0 0 1 1.215-.077z"/>
        </symbol>
        <symbol id="plus" viewBox="0 0 16 16">
            <path d="M8.003 1.851c.339 0 .613.275.613.614v4.922h4.92a.613.613 0 1 1 0 1.227h-4.92v4.922c0 .313-.234.57-.536.609l-.077.005a.613.613 0 0 1-.613-.614V8.614H2.464a.613.613 0 1 1 0-1.227h4.924V2.465c0-.313.235-.571.537-.61z"/>
        </symbol>
        <symbol id="transshipment" viewBox="0 0 16 16">
            <path d="M7.999 2.546a5.455 5.455 0 0 0-3.924 9.243l.319-.318a.337.337 0 0 1 .574.238v1.544c0 .186-.15.336-.336.336H3.088c-.3 0-.45-.362-.238-.574l.368-.369a6.667 6.667 0 0 1 7.374-10.79.606.606 0 0 1-.472 1.117 5.4 5.4 0 0 0-2.121-.427M12.412 5.473l.27-.27a5.454 5.454 0 0 1-5.8 8.138.606.606 0 1 0-.247 1.186q.662.139 1.364.14A6.667 6.667 0 0 0 13.56 4.324l.395-.396a.337.337 0 0 0-.238-.574h-1.544a.337.337 0 0 0-.337.336v1.544c0 .3.363.45.575.239"/>
        </symbol>
        <symbol id="switch_dot" viewBox="0 0 16 16">
            <circle cx="8" cy="8" r="8" fill="#fff"/>
        </symbol>
        <symbol id="add_b" viewBox="0 0 12 12">
            <path fill="currentColor" fill-opacity=".6"
                  d="M5.55 10.546V6.45H1.455A.45.45 0 0 1 1 6c0-.248.204-.45.455-.45H5.55V1.455C5.55 1.204 5.751 1 6 1s.45.204.45.455V5.55h4.096c.25 0 .454.202.454.45 0 .249-.203.45-.454.45H6.45v4.096A.45.45 0 0 1 6 11a.45.45 0 0 1-.45-.454"/>
        </symbol>
        <symbol id="setting" viewBox="0 0 24 24">
            <path d="M23.002 7a5 5 0 0 1-9.92.896l-.08.004h-11a.9.9 0 0 1 0-1.8h11l.08.004a5.002 5.002 0 0 1 9.92.896m-5 3.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4M1.002 17a5 5 0 0 1 9.92-.896l.08-.004h11a.9.9 0 0 1 0 1.8h-11l-.08-.003A5.001 5.001 0 0 1 1.002 17m5 3.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4"/>
        </symbol>
        <symbol id="user_avatar_skeleton" viewBox="0 0 151 150">
            <g clip-path="url(#a)">
                <path d="M.5 0h150v150H.5z"/>
            </g>
        </symbol>
        <symbol id="phone" viewBox="0 0 14 22">
            <path fill="currentColor"
                  d="M3 .5a3 3 0 0 0-3 3v15a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-15a3 3 0 0 0-3-3zM10 2h1a1.5 1.5 0 0 1 1.5 1.5v15A1.5 1.5 0 0 1 11 20H3a1.5 1.5 0 0 1-1.5-1.5v-15A1.5 1.5 0 0 1 3 2h1a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2"/>
        </symbol>
        <symbol id="close_b" viewBox="0 0 20 20">
            <path fill="#fff"
                  d="M16.025 3.977c.3.299.3.784 0 1.084L11.085 10l4.938 4.938a.767.767 0 0 1-1.084 1.084L10 11.085l-4.94 4.94a.77.77 0 0 1-1.012.064l-.072-.064c-.3-.299-.3-.784 0-1.084l4.94-4.94-4.942-4.942a.767.767 0 1 1 1.084-1.084l4.942 4.941 4.94-4.94a.77.77 0 0 1 1.012-.063z"/>
        </symbol>
        <symbol id="light_mode" viewBox="0 0 24 24">
            <g clip-path="url(#a)">
                <path d="M11.998 16.2a4.2 4.2 0 1 1 0-8.4 4.2 4.2 0 0 1 0 8.4m0 1.8a6 6 0 1 0 0-12 6 6 0 0 0 0 12M11.998.1a.9.9 0 0 1 .9.9v2a.9.9 0 0 1-1.8 0V1a.9.9 0 0 1 .9-.9M3.583 3.585a.9.9 0 0 1 1.273 0L6.27 4.999a.9.9 0 0 1-1.273 1.273L3.583 4.858a.9.9 0 0 1 0-1.273m16.83 0a.9.9 0 0 1 0 1.273l-1.415 1.414A.9.9 0 0 1 17.725 5l1.414-1.414a.9.9 0 0 1 1.273 0M.097 12a.9.9 0 0 1 .9-.9h2a.9.9 0 0 1 0 1.8h-2a.9.9 0 0 1-.9-.9m20 0a.9.9 0 0 1 .9-.9h2a.9.9 0 0 1 0 1.8h-2a.9.9 0 0 1-.9-.9M6.27 17.727a.9.9 0 0 1 0 1.273l-1.414 1.414a.9.9 0 1 1-1.273-1.273l1.414-1.414a.9.9 0 0 1 1.273 0m11.455 0a.9.9 0 0 1 1.273 0l1.414 1.414a.9.9 0 1 1-1.273 1.273L17.725 19a.9.9 0 0 1 0-1.273M11.998 20.1a.9.9 0 0 1 .9.9v2a.9.9 0 0 1-1.8 0v-2a.9.9 0 0 1 .9-.9"/>
            </g>
        </symbol>
        <symbol id="home" viewBox="0 0 24 24">
            <path fill="currentColor"
                  d="M20.768 7.934a4 4 0 0 0-1.825-2.153l-5-2.778-.055-.03a4 4 0 0 0-3.83.03l-5 2.778A4 4 0 0 0 3 9.278v7.646q0 .1.005.2A4 4 0 0 0 7 20.924h10q.1 0 .2-.005a4 4 0 0 0 3.8-3.995V9.243a4 4 0 0 0-.232-1.309m-9.776-3.452a2 2 0 0 1 2.016 0l5.2 3.033a2 2 0 0 1 .992 1.728v7.881a2 2 0 0 1-2 2H6.8a2 2 0 0 1-2-2V9.243a2 2 0 0 1 .992-1.728z"/>
            <path fill="currentColor" fill-rule="evenodd"
                  d="M9.72 14.883h-.001l-.002-.003-.003-.003-.004-.006-.007-.008-.001-.002.001.002z"
                  clip-rule="evenodd"/>
            <path fill="currentColor"
                  d="m9.703 14.863-.001-.002zl.047.045a1.7 1.7 0 0 0 .33.222c.33.176.934.394 1.92.394s1.59-.218 1.92-.394a1.7 1.7 0 0 0 .377-.268.9.9 0 0 1 1.423 1.102l-.035.044-.056.065q-.067.076-.183.18a3.5 3.5 0 0 1-.679.465c-.606.324-1.503.606-2.767.606s-2.16-.282-2.767-.606c-.301-.16-.523-.327-.679-.465a2.5 2.5 0 0 1-.24-.245l-.034-.044a.9.9 0 0 1 1.423-1.101m.016.02-.002-.003-.003-.003-.004-.006-.007-.008z"/>
        </symbol>
        <symbol id="ic_share" viewBox="0 0 20 20">
            <path fill="currentColor"
                  d="M5.787 4.017a1.77 1.77 0 0 0-1.77 1.77v8.427c0 .977.792 1.77 1.77 1.77h8.427a1.77 1.77 0 0 0 1.77-1.77v-1.265a.758.758 0 0 1 1.516 0v1.265a3.286 3.286 0 0 1-3.286 3.286H5.787A3.286 3.286 0 0 1 2.5 14.214V5.787A3.287 3.287 0 0 1 5.787 2.5H7.05a.758.758 0 1 1 0 1.517zm9.124 0-6.29 6.29a.758.758 0 0 0 1.073 1.072l6.29-6.29v3.647a.758.758 0 0 0 1.516 0V3.258a.76.76 0 0 0-.758-.758h-5.478a.758.758 0 0 0 0 1.517z"/>
        </symbol>
        <symbol id="imgNoteSelect" viewBox="0 0 20 20">
            <g fill="currentColor">
                <path d="M7.917 6.875a1.042 1.042 0 1 0-2.084 0 1.042 1.042 0 0 0 2.084 0"/>
                <path fill-rule="evenodd"
                      d="M2.5 7.833c0-1.867 0-2.8.363-3.513.32-.627.83-1.137 1.457-1.457C5.033 2.5 5.966 2.5 7.833 2.5h4.334c1.867 0 2.8 0 3.513.363.627.32 1.137.83 1.457 1.457.363.713.363 1.646.363 3.513v4.334l-.001.726h-1.5l-2.666-2.666L9.28 14.28a.75.75 0 0 1-1.06 0l-1.553-1.553-2.397 2.397c.176.288.429.522.731.676.11.056.302.122.765.16.48.039 1.11.04 2.067.04h1.334v1.5H7.833c-1.867 0-2.8 0-3.513-.363a3.33 3.33 0 0 1-1.457-1.457c-.363-.713-.363-1.646-.363-3.513zM12.167 4H7.833c-.958 0-1.586.001-2.067.04-.463.038-.655.104-.765.16A1.83 1.83 0 0 0 4.2 5c-.056.11-.122.302-.16.765-.039.48-.04 1.11-.04 2.067v4.334c0 .427 0 .79.004 1.102l2.132-2.133a.75.75 0 0 1 1.061 0L8.75 12.69l4.053-4.053a.75.75 0 0 1 1.06 0L16 10.773v-2.94c0-.958-.001-1.586-.04-2.067-.038-.463-.104-.655-.16-.765A1.83 1.83 0 0 0 15 4.2c-.11-.056-.302-.122-.765-.16-.48-.039-1.11-.04-2.067-.04"
                      clip-rule="evenodd"/>
            </g>
            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
                  d="m12.203 16.613 1.69 1.69a1.04 1.04 0 0 0 1.473 0l3.848-3.847"/>
        </symbol>
        <symbol id="chat" viewBox="0 0 24 24">
            <path fill="currentColor" fill-rule="evenodd"
                  d="m3.925 17.006 1.528-.95c.308.496.389 1.11.199 1.681L5.09 19.42l.237-.044c.44-.08.903-.162 1.299-.223.337-.053.784-.118 1.098-.118.459 0 .968.138 1.255.216l.077.02c.7.187 1.61.429 2.943.429 4.234 0 7.7-3.45 7.7-7.7a7.7 7.7 0 1 0-14.247 4.056zM2.917 20.25a.95.95 0 0 0 .882 1.25q.018 0 .036-.003c.252-.051 3.3-.662 3.89-.662.208 0 .492.076.868.176.739.197 1.833.489 3.407.489 5.225 0 9.5-4.253 9.5-9.5a9.5 9.5 0 1 0-17.576 5.006c.03.049.038.108.02.162z"
                  clip-rule="evenodd"/>
        </symbol>
        <symbol id="skeleton_l" viewBox="0 0 200 320">
            <rect width="200" height="266" rx="16"/>
            <rect width="192" height="16" x="4" y="274" rx="8"/>
            <rect width="128" height="16" x="4" y="296" opacity=".5" rx="8"/>
        </symbol>
        <symbol id="xhs" viewBox="0 0 20 20">
            <g clip-path="url(#a)">
                <path fill="#FF2442"
                      d="M13.969 17H6.03A3.03 3.03 0 0 1 3 13.97V6.032A3.03 3.03 0 0 1 6.031 3h7.938A3.03 3.03 0 0 1 17 6.032v7.937A3.03 3.03 0 0 1 13.969 17"/>
                <path fill="#fff" fill-rule="evenodd"
                      d="M15.276 10.24a.6.6 0 0 0-.317-.44.8.8 0 0 0-.388-.097h-.078c-.019 0-.019 0-.019-.02v-.465c0-.058 0-.116-.013-.174a.705.705 0 0 0-.362-.55.95.95 0 0 0-.44-.116h-.316c-.032 0-.032 0-.032-.026v-.22c0-.006 0-.013-.007-.013-.006-.006-.013 0-.013 0h-.685s-.006.007-.006.013v.239c0 .007-.007.007-.013.007h-.446c-.013 0-.013.006-.013.013v.653c0 .038 0 .038.039.038h.4c.04 0 .033.059.033.059v.51s0 .052-.026.052h-.653c-.032 0-.026.039-.026.039v.64s-.006.032.026.032h.64c.039 0 .032 0 .032.032v1.429c0 .038 0 .038.039.038h.633c.04 0 .04 0 .04-.038v-1.448c0-.013 0-.013.012-.013h1.028q.066-.002.123.026a.2.2 0 0 1 .122.18v.524c0 .117-.045.162-.142.162h-.536c-.013 0-.013 0-.013.013 0 .006.207.478.246.575v.006c0 .007.012.013.019.013h.226c.065 0 .226 0 .29-.006.06-.007.124-.013.182-.032a.6.6 0 0 0 .427-.582v-.88a1.4 1.4 0 0 0-.013-.174m-1.5-.55c0 .006-.006.013-.006.013h-.453c-.006 0-.006-.007-.013-.013v-.026l-.006-.55c0-.032 0-.032.032-.032h.323q.031-.002.052.007.07.021.071.09v.511m-1.842 1.519q-.001-.009-.013-.007h-.64c-.02 0-.02 0-.02-.019V9.108c0-.032 0-.032.033-.032h.381c.033 0 .033 0 .033-.032v-.64c0-.04 0-.033-.033-.033h-1.544c-.026 0-.033 0-.033.033v.64c0 .038 0 .032.033.032h.374c.033 0 .033 0 .033.032v2.049c0 .039 0 .039-.039.039h-.575c-.02 0-.026.013-.026.013l-.31.672-.007.013q-.001.008.026.006h2.308c.013 0 .013 0 .013-.013v-.659q.007-.01.006-.02M6.737 8.152h-.665a.014.014 0 0 0-.013.013c0 .168-.007 1.79-.007 2.61v.415c0 .129-.116.116-.123.116h-.323c-.02 0-.02 0-.02.02 0 .019.208.471.246.555q.008.011.026.013c.071 0 .336.006.414-.007a.6.6 0 0 0 .194-.058.58.58 0 0 0 .265-.336.7.7 0 0 0 .032-.239V9.73c0-.485 0-1.448-.006-1.57-.007 0-.013-.007-.02-.007m3.057 2.184h-.387c-.04 0-.065-.039-.052-.077l.517-1.164q.008-.011-.013-.013h-.582c-.045 0-.077-.051-.058-.09l.388-.866q.008-.012-.013-.013H8.91c-.006 0-.006 0-.013.006l-.407.918c-.039.084-.084.168-.116.252-.02.052-.046.104-.059.162a.2.2 0 0 0-.006.084c.006.07.039.13.103.168q.03.018.058.026a.4.4 0 0 0 .15.026h.258c.013 0-.259.588-.304.704a2 2 0 0 0-.065.168c-.006.026-.013.052-.006.078a.21.21 0 0 0 .103.174q.03.018.058.026a.4.4 0 0 0 .149.026h.731c.006 0 .006 0 .012-.006l.252-.57c0-.006-.006-.019-.013-.019m-1.7.407a.64.64 0 0 1-.058-.271c0-.045-.006-.084-.006-.13q-.011-.097-.013-.193c-.006-.071-.013-.142-.013-.213l-.02-.207a2 2 0 0 1-.012-.2 2 2 0 0 1-.013-.195q-.012-.106-.013-.213c0-.013 0-.032-.007-.039 0-.006-.025-.006-.032-.006h-.653c-.013 0-.013 0-.013.013.007.045.007.084.013.13.007.096.013.187.026.283l.02.22c.006.104.013.2.025.304.007.116.02.233.026.35.007.05.007.096.013.148q.018.167.065.323c.039.149.084.29.155.433q.066.147.162.265c.006.006.012.026.019.02 0 0 0-.007.006-.007.04-.084.33-.73.35-.776-.013-.02-.02-.013-.026-.039M5.568 9.077h-.685q-.008-.002-.006.006s0 .026-.007.033a2 2 0 0 0-.013.213q-.011.098-.013.194a2 2 0 0 0-.012.2l-.02.207c-.006.071-.013.142-.013.213a2 2 0 0 0-.013.194c-.006.046-.006.084-.006.13a.7.7 0 0 1-.058.271c-.013.026-.013.02 0 .052.019.039.303.672.349.769l.006.006c.007 0 .013-.013.02-.019.064-.084.116-.175.161-.265.065-.136.116-.284.155-.433.026-.11.045-.213.065-.323.006-.045.006-.097.013-.149.006-.116.02-.233.026-.349.006-.103.013-.2.026-.304l.019-.22a4 4 0 0 1 .026-.284c.006-.045.006-.084.013-.13-.02-.006-.02-.012-.033-.012m3.943 2.12h-.743a1 1 0 0 1-.336-.058q-.012-.001-.013.006l-.317.685q-.002.012.007.013a.6.6 0 0 0 .22.052H9.2c.006 0 .006 0 .013-.007l.31-.678q-.001-.012-.013-.013m5.08-2.12h.343q.039.002.078-.007a.357.357 0 0 0 .271-.42.35.35 0 0 0-.388-.271.354.354 0 0 0-.304.349v.343c-.006 0 0 .006 0 .006"
                      clip-rule="evenodd"/>
            </g>
        </symbol>
        <symbol id="pause" viewBox="0 0 8 10">
            <path fill="currentColor"
                  d="M1.167.333C.522.333 0 .856 0 1.5v7a1.167 1.167 0 0 0 2.333 0v-7c0-.644-.522-1.167-1.166-1.167M6.833.333C6.19.333 5.667.856 5.667 1.5v7A1.167 1.167 0 1 0 8 8.5v-7C8 .856 7.478.333 6.833.333"/>
        </symbol>
        <symbol id="mention" viewBox="0 0 24 24">
            <path d="M15.853 8.977c.022-.364.044-.637.06-.791a.75.75 0 1 1 1.491.146c-.013.136-.034.39-.055.736-.066 1.1-.08 2.252-.008 3.322.148 2.218.65 3.48 1.256 3.48 1.197 0 1.898-1.896 1.898-3.87a8.001 8.001 0 1 0-3.994 6.928.75.75 0 1 1 .753 1.296 9.44 9.44 0 0 1-4.76 1.276 9.5 9.5 0 1 1 9.5-9.5c0 2.758-.965 5.37-3.397 5.37-1.37 0-2.13-1.077-2.504-2.907a4.356 4.356 0 0 1-7.949-2.459 4.356 4.356 0 0 1 7.695-2.793zm-.5 3.027a2.855 2.855 0 1 0-5.713.002 2.855 2.855 0 0 0 5.714-.001z"/>
        </symbol>
        <symbol id="tab_btn_left" viewBox="0 0 20 20">
            <path d="M8.082 9.877a.17.17 0 0 0 0 .224l5.477 6.144a.76.76 0 0 1-.05 1.06.727.727 0 0 1-1.04-.05L6.44 10.492a.76.76 0 0 1 0-1.01l6.017-6.738a.727.727 0 0 1 1.04-.05.76.76 0 0 1 .049 1.06z"/>
        </symbol>
        <symbol id="link_b" viewBox="0 0 20 20">
            <g fill="currentColor" fill-opacity=".8">
                <path d="M15.948 2.868a4.1 4.1 0 0 0-5.8 0L8.964 4.052a.753.753 0 0 0 1.066 1.065l1.183-1.184a2.595 2.595 0 0 1 3.67 0l1.184 1.184a2.595 2.595 0 0 1 0 3.67l-2.368 2.367a2.595 2.595 0 0 1-3.67 0l-.591-.592a.753.753 0 1 0-1.066 1.066l.592.591a4.1 4.1 0 0 0 5.8 0l2.368-2.367a4.1 4.1 0 0 0 0-5.8z"/>
                <path d="M4.052 17.132a4.1 4.1 0 0 0 5.8 0l1.361-1.361a.753.753 0 0 0-1.065-1.066l-1.361 1.362a2.595 2.595 0 0 1-3.67 0l-1.184-1.184a2.595 2.595 0 0 1 0-3.67l2.368-2.367a2.595 2.595 0 0 1 3.67 0l.591.592a.753.753 0 0 0 1.066-1.066l-.592-.592a4.1 4.1 0 0 0-5.8 0l-2.368 2.368a4.1 4.1 0 0 0 0 5.8z"/>
            </g>
        </symbol>
        <symbol id="imgNote" viewBox="0 0 20 20">
            <g fill="currentColor">
                <path d="M2.863 4.32C2.5 5.033 2.5 5.966 2.5 7.833v4.334c0 1.867 0 2.8.363 3.513.32.627.83 1.137 1.457 1.457.713.363 1.646.363 3.513.363h4.334c1.867 0 2.8 0 3.513-.363a3.33 3.33 0 0 0 1.457-1.457c.363-.713.363-1.646.363-3.513V7.833c0-1.867 0-2.8-.363-3.513a3.33 3.33 0 0 0-1.457-1.457c-.713-.363-1.646-.363-3.513-.363H7.833c-1.867 0-2.8 0-3.513.363-.627.32-1.137.83-1.457 1.457M5.001 15.8a1.83 1.83 0 0 1-.731-.676l2.397-2.397L8.22 14.28a.75.75 0 0 0 1.06 0l4.053-4.053L16 12.893c-.003.57-.011.994-.04 1.34-.037.464-.103.656-.159.766A1.83 1.83 0 0 1 15 15.8c-.11.056-.302.122-.765.16-.48.039-1.11.04-2.067.04H7.833c-.958 0-1.586-.001-2.067-.04-.463-.038-.655-.104-.765-.16M7.833 4h4.334c.958 0 1.586.001 2.067.04.463.038.655.104.765.16.345.176.625.456.801.801.056.11.122.302.16.765.039.48.04 1.11.04 2.067v2.94l-2.136-2.137a.75.75 0 0 0-1.061 0L8.75 12.69l-1.553-1.553a.75.75 0 0 0-1.06 0L4.003 13.27A97 97 0 0 1 4 12.167V7.833c0-.958.001-1.586.04-2.067.038-.463.104-.655.16-.765.176-.345.456-.625.801-.801.11-.056.302-.122.765-.16.48-.039 1.11-.04 2.067-.04"/>
                <path fill-opacity=".8" d="M7.917 6.875a1.042 1.042 0 1 0-2.084 0 1.042 1.042 0 0 0 2.084 0"/>
            </g>
        </symbol>
        <symbol id="collect" viewBox="0 0 24 24">
            <path fill="currentColor"
                  d="M18.865 19.503a1.81 1.81 0 0 1-.737 1.649 1.82 1.82 0 0 1-1.8.196L12.2 19.546a.5.5 0 0 0-.4 0l-4.127 1.802a1.82 1.82 0 0 1-1.801-.196 1.81 1.81 0 0 1-.737-1.65l.452-4.384a.5.5 0 0 0-.127-.386l-2.994-3.32a1.81 1.81 0 0 1-.377-1.77c.2-.615.713-1.077 1.347-1.213l4.404-.945a.5.5 0 0 0 .326-.235l2.265-3.853a1.82 1.82 0 0 1 3.138 0l2.265 3.853a.5.5 0 0 0 .326.235l4.404.945a1.808 1.808 0 0 1 .97 2.984l-2.994 3.319a.5.5 0 0 0-.127.386zm-1.662-5.977 2.994-3.32q.004-.004.003-.007-.001-.006-.013-.01l-4.404-.945a2.3 2.3 0 0 1-1.5-1.083l-2.266-3.853Q12.014 4.302 12 4.3q-.015.002-.017.008L9.718 8.161a2.3 2.3 0 0 1-1.5 1.083l-4.405.945q-.012.004-.013.01 0 .003.003.008l2.994 3.32a2.3 2.3 0 0 1 .58 1.776l-.452 4.384q-.001.001.005.01l.01.003h.002q.006 0 .01-.002l4.128-1.801a2.3 2.3 0 0 1 1.84 0l4.127 1.801.012.002.01-.004q.008-.008.006-.009l-.452-4.384a2.3 2.3 0 0 1 .58-1.777"/>
        </symbol>
        <symbol id="user_info_skeleton" viewBox="0 0 461 152">
            <rect width="112" height="24" rx="12"/>
            <rect width="160" height="16" y="36" rx="8"/>
            <rect width="280" height="16" y="68" rx="8"/>
            <rect width="120" height="16" y="100" rx="8"/>
            <rect width="64" height="16" y="136" rx="8"/>
            <rect width="64" height="16" x="80" y="136" rx="8"/>
            <rect width="64" height="16" x="160" y="136" rx="8"/>
        </symbol>
        <symbol id="ic_qq" viewBox="0 0 20 20">
            <path fill="currentColor"
                  d="M5.142 17.2a.57.57 0 0 1-.22-.443c0-.471.461-.799.924-1.009a4.1 4.1 0 0 1-.835-1.428c-.374.437-.745.707-1.012.707-.417 0-.666-.435-.666-1.165 0-1.255.699-3.064 1.284-4.36.203-.447.305-.915.305-1.39C4.922 3.969 7.658 2.5 10 2.5s5.077 1.47 5.077 5.61c0 .478.102.945.305 1.392.586 1.296 1.285 3.104 1.285 4.36 0 .73-.25 1.165-.667 1.165-.267 0-.638-.27-1.012-.706a4.05 4.05 0 0 1-.836 1.428c.463.209.925.536.925 1.008a.57.57 0 0 1-.22.442c-.76.627-4.478.069-4.515.063a2.2 2.2 0 0 0-.679 0c-.024.004-1.557.238-2.86.238-.727 0-1.383-.073-1.661-.3"/>
        </symbol>
        <symbol id="back" viewBox="0 0 20 20">
            <path fill="currentColor"
                  d="M8.082 9.877a.17.17 0 0 0 0 .224l5.477 6.144a.76.76 0 0 1-.05 1.06.727.727 0 0 1-1.04-.05L6.44 10.492a.76.76 0 0 1 0-1.01l6.017-6.738a.727.727 0 0 1 1.04-.05.76.76 0 0 1 .049 1.06z"/>
        </symbol>
        <symbol id="hotspot" viewBox="0 0 16 16">
            <path fill-rule="evenodd"
                  d="M6.275 15.5s-1.612-3.711 1.271-6.213L8.801 15.5c5.45 0 7.104-7.5 3.864-11.24 0 0-.903 1.11-2.042 2.229 0 0 .783-4.347-3.214-5.989 0 0-.742 3.011-3.29 5.23C.142 9.197 1.16 15.5 6.276 15.5"
                  clip-rule="evenodd"/>
        </symbol>
        <symbol id="weibo_f" viewBox="0 0 20 20">
            <path fill="currentColor" fill-opacity=".8"
                  d="M11.449 6.194c1.944-.817 3.642-.865 4.262.024.33.474.299 1.138-.006 1.908-.14.354.043.41.313.49 1.095.341 2.315 1.166 2.315 2.618 0 2.405-3.457 5.433-8.652 5.433-3.963 0-8.014-1.927-8.014-5.096 0-1.657 1.046-3.573 2.848-5.381 2.406-2.413 5.212-3.513 6.268-2.453.465.466.51 1.275.211 2.24-.156.485.455.216.455.217m-2.5 1.794c-3.162.314-5.56 2.257-5.355 4.339s2.936 3.518 6.098 3.204 5.56-2.256 5.355-4.34c-.206-2.082-2.935-3.516-6.098-3.203m-1.302 6.648c-1.52-.492-2.165-1.998-1.499-3.355.654-1.33 2.355-2.082 3.86-1.69 1.557.404 2.352 1.879 1.715 3.31-.645 1.465-2.501 2.245-4.076 1.735m.858-2.851c-.49-.206-1.123.005-1.425.481-.306.477-.162 1.047.325 1.268.493.226 1.148.012 1.454-.478.3-.495.142-1.06-.354-1.271"/>
        </symbol>
        <symbol id="nioPlay" viewBox="0 0 18 18">
            <path fill="#fff"
                  d="m6.05 2.588 8.587 5.07a1.562 1.562 0 0 1 0 2.686L6.05 15.412a1.55 1.55 0 0 1-2.127-.554 1.56 1.56 0 0 1-.214-.79V3.932a1.556 1.556 0 0 1 2.34-1.344"/>
        </symbol>
        <symbol id="agreed" viewBox="0 0 16 16">
            <path fill="currentColor" fill-rule="evenodd"
                  d="M8 14.667A6.667 6.667 0 1 0 8 1.333a6.667 6.667 0 0 0 0 13.334" clip-rule="evenodd"/>
            <path fill="#fff"
                  d="M11.497 6.35a.596.596 0 0 0-.014-.848.61.61 0 0 0-.857.014l-3.61 3.695L5.7 7.91a.61.61 0 0 0-.857 0 .596.596 0 0 0 0 .849l1.75 1.733a.61.61 0 0 0 .864-.007z"/>
        </symbol>
        <symbol id="check_mark" viewBox="0 0 16 16">
            <path d="M14.958 3.623a.6.6 0 0 1 0 .849l-8.485 8.485a.6.6 0 0 1-.849 0L.91 8.243a.6.6 0 0 1 .849-.849l4.29 4.29 8.06-8.061a.6.6 0 0 1 .849 0"/>
        </symbol>
    </svg>
</div>
<div id="app"><!--[--><!--[--><!--[--><!--[--><!--[--><!----><!---->
    <div id="global" data-logged="0" class="layout limit" style="--40bdee49:1728px;" data-v-34b87540>
        <div class="header-container" data-v-34b87540 style="--67f219a2:1728px;" data-v-5c1b2170>
            <header class="mask-paper" data-v-5c1b2170><a href="/explore?channel_type=web_note_detail_r10"
                                                          class="active" id="link-guide" style="display:flex;"
                                                          data-v-5c1b2170><img crossorigin="anonymous"
                                                                               class="header-logo"
                                                                               style="pointer-events:none;"
                                                                               src=""
                                                                               data-v-5c1b2170></a><!--[-->
                <div class="input-box" data-v-721de8bd><input id="search-input" value="" type="text" spellcheck="false"
                                                              class="search-input" placeholder="登录探索更多内容"
                                                              autocomplete="off" data-v-721de8bd><!---->
                    <div class="input-button" data-v-721de8bd><!---->
                        <div class="search-icon" data-v-721de8bd>
                            <svg class="reds-icon" width="20" height="20" data-v-721de8bd data-v-55b36ac6>
                                <use xlink:href="#search" data-v-55b36ac6></use>
                            </svg>
                        </div>
                    </div><!----></div>
                <button class="reds-button-new min-width-search-icon large primary has-icon pure-icon min-width-search-icon"
                        style="" data-v-721de8bd><span class="reds-button-new-box"><svg
                        class="reds-icon reds-button__icon" width="16px" height="16px" data-v-55b36ac6><use
                        xlink:href="#search" data-v-55b36ac6></use></svg><!--[--><!--]--><!----></span></button><!---->
                <!--]-->
                <div class="right" data-v-5c1b2170>
                    <div class="menu" data-v-5c1b2170 data-v-d957886a><!---->
                        <div class="dropdown-nav" data-v-d957886a><!--[-->
                            <div data-v-d957886a data-v-1b03e45c>
                                <button class="reds-button-new channel-btn large text channel-btn" style=""
                                        data-v-d957886a><span class="reds-button-new-box"><!----><!--[--><!--]--><span
                                        class="reds-button-new-text"><!--[-->创作中心<!--]--></span></span></button>
                                <!----></div>
                            <div data-v-d957886a data-v-1b03e45c>
                                <button class="reds-button-new channel-btn large text channel-btn" style=""
                                        data-v-d957886a><span class="reds-button-new-box"><!----><!--[--><!--]--><span
                                        class="reds-button-new-text"><!--[-->业务合作<!--]--></span></span></button>
                                <!----></div><!--]--></div>
                        <div id="small-more-info" class="menu-icon-dropdown-nav" data-v-d957886a>
                            <div class="menu-icon-btn" data-v-d957886a>
                                <button class="reds-button-new large primary has-icon pure-icon" style=""
                                        data-v-d957886a><span class="reds-button-new-box"><svg
                                        class="reds-icon reds-button__icon" width="16px" height="16px" data-v-55b36ac6><use
                                        xlink:href="#menu" data-v-55b36ac6></use></svg><!--[--><!--]--><!----></span>
                                </button>
                            </div><!----></div>
                    </div>
                </div>
            </header>
        </div>
        <div class="main-container" data-v-34b87540>
            <div class="side-bar" data-v-34b87540 data-v-546196d0>
                <ul class="channel-list" data-v-546196d0><!--[--><!--[-->
                    <li id="explore-guide-refresh" class="" data-v-546196d0><a
                            href="/explore?channel_id=homefeed_recommend&amp;channel_type=web_note_detail_r10"
                            class="active link-wrapper" target="_self" data-v-546196d0>
                        <svg class="reds-icon icon-wrapper" width="24" height="24" data-v-546196d0 data-v-55b36ac6>
                            <use xlink:href="#home" data-v-55b36ac6></use>
                        </svg>
                        <span class="channel" data-v-546196d0>发现</span></a></li><!--]--><!--[-->
                    <li id="" class="" data-v-546196d0><a target="_blank"
                                                          href="https://creator.xiaohongshu.com/publish/publish?source=official"
                                                          class="link-wrapper" data-v-546196d0>
                        <svg class="reds-icon icon-wrapper" width="24" height="24" data-v-546196d0 data-v-55b36ac6>
                            <use xlink:href="#creator" data-v-55b36ac6></use>
                        </svg>
                        <span class="channel" data-v-546196d0>发布</span></a></li><!--]--><!--[-->
                    <li class="link-wrapper bottom-channel" data-v-546196d0 data-v-13c4f3b9><a href="/notification"
                                                                                               class="link-wrapper bottom-channel"
                                                                                               data-v-13c4f3b9>
                        <div class="badge-container" data-v-13c4f3b9 data-v-0755b6ef><!--[-->
                            <svg class="reds-icon text-active" width="24" height="24" data-v-13c4f3b9 data-v-0755b6ef-s
                                 data-v-55b36ac6>
                                <use xlink:href="#notification" data-v-55b36ac6></use>
                            </svg><!--]--><!----></div>
                        <span class="text channel" data-v-13c4f3b9>通知</span></a></li><!--]--><!--[--><!--[--><!--[-->
                    <div class="side-bar-component login-btn" data-v-a93a7d02>
                        <button class="reds-button-new login-btn large primary login-btn" id="login-btn" style=""
                                data-v-a93a7d02><span class="reds-button-new-box"><!----><!--[--><!--]--><span
                                class="reds-button-new-text"><!--[--><span class="login-btn" data-v-a93a7d02>登录</span>
                            <!--]--></span></span></button>
                    </div><!--]-->
                    <div class="bottom-channel bottom-menu-component" data-v-a93a7d02><!---->
                        <div class="bottom-channel" data-v-a93a7d02>
                            <svg class="reds-icon" width="24" height="24" data-v-a93a7d02 data-v-55b36ac6>
                                <use xlink:href="#me" data-v-55b36ac6></use>
                            </svg>
                            <span class="text" data-v-a93a7d02>我</span></div>
                    </div><!--]--><!--]--><!--]--></ul><!---->
                <div id="explore-guide-menu" class="information-container" data-v-546196d0 data-v-d5f5f614><!---->
                    <div class="information-wrapper" data-v-d5f5f614>
                        <svg class="reds-icon information-icon" width="24" height="24" data-v-d5f5f614 data-v-55b36ac6>
                            <use xlink:href="#menu" data-v-55b36ac6></use>
                        </svg>
                        更多
                    </div>
                    <div class="app-info outside" data-v-d5f5f614><p class="icp-info" data-v-d5f5f614><!--[--><!--[--><a
                            title="小红书_沪ICP备" href="//beian.miit.gov.cn/" target="_blank" class="icp-text"
                            data-v-d5f5f614>沪ICP备13030189号</a> | <!--]--><!--[--><a title="小红书_营业执照"
                                                                                       href="//fe-video-qc.xhscdn.com/fe-platform/5581076bd6b6af2e0e943abb024ad0e16f2ebff6.pdf"
                                                                                       target="_blank" class="icp-text"
                                                                                       data-v-d5f5f614>营业执照</a> |
                        <!--]--><!--[--><a title="小红书_沪公网安备"
                                           href="//www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010102002533"
                                           target="_blank" class="icp-text"
                                           data-v-d5f5f614>2024沪公网安备31010102002533号</a> | <!--]--><!--[--><a
                                title="小红书_网文"
                                href="//fe-video-qc.xhscdn.com/fe-platform-file/104101b831hhkkll23u0678gtks7tu70004en2n231udpe"
                                target="_blank" class="icp-text"
                                data-v-d5f5f614>增值电信业务经营许可证：沪B2-20150021</a> | <!--]--><!--[--><a
                                title="小红书_医疗器械网络交易服务"
                                href="//fe-video-qc.xhscdn.com/fe-platform/410dce57bc12a6d7e5808060e47644fbe46f68ff.pdf"
                                target="_blank" class="icp-text" data-v-d5f5f614>医疗器械网络交易服务第三方平台备案：(沪)网械平台备字[2019]第00006号</a>
                        | <!--]--><!--[--><a title="小红书_互联网药品信息服务"
                                             href="//fe-video-qc.xhscdn.com/fe-platform/f37a08cacc088061beb38329c387c32fc48fc6fe.pdf"
                                             target="_blank" class="icp-text" data-v-d5f5f614>互联网药品信息服务资格证书：(沪)-经营性-2023-0144</a>
                        | <!--]--><!--[--><a title="小红书_上海市互联网举报中心" href="//www.shjbzx.cn" target="_blank"
                                             class="icp-text" data-v-d5f5f614>违法不良信息举报电话：4006676810</a> |
                        <!--]--><!--[--><a title="小红书_上海市互联网举报中心" href="//www.shjbzx.cn" target="_blank"
                                           class="icp-text" data-v-d5f5f614>上海市互联网举报中心</a> | <!--]-->
                        <!--[--><a title="网上有害信息举报专区" href="//www.12377.cn" target="_blank" class="icp-text"
                                   data-v-d5f5f614>网上有害信息举报专区</a> | <!--]--><!--[--><a
                                title="小红书_沪公网安备"
                                href="//dc.xhscdn.com/06c2adb0-b353-11e9-9d0c-7be9ff8961c1/自营经营者信息公示.pdf"
                                target="_blank" class="icp-text" data-v-d5f5f614>自营经营者信息</a> | <!--]--><!--[--><a
                                title="小红书_网络文化经营许可"
                                href="//fe-video-qc.xhscdn.com/fe-platform/7970f6e8b70aedc995ba273d04b6b6751abcd63c.pdf"
                                target="_blank" class="icp-text"
                                data-v-d5f5f614>网络文化经营许可证：沪网文(2024)1344-086号</a> | <!--]--><!--[--><a
                                href="https://beian.cac.gov.cn/api/static/fileUpload/principalOrithm/additional/user_c015445c-80ac-45f7-94d7-3871e961b1fe_d4425f3b-7f35-45af-b8d4-badd4424d6d5.pdf"
                                target="_blank" class="icp-text" data-v-d5f5f614>个性化推荐算法
                            网信算备310101216601302230019号</a> <!--]--><!--]--></p>
                        <div class="corp-info" data-v-d5f5f614><p data-v-d5f5f614>© 2014-2024</p>
                            <p data-v-d5f5f614>行吟信息科技（上海）有限公司</p>
                            <p data-v-d5f5f614>地址：上海市黄浦区马当路388号C座</p>
                            <p data-v-d5f5f614>电话：9501-3888</p></div>
                    </div>
                </div>
            </div>
            <div class="with-side-bar main-content" data-v-34b87540><!--[--><!--[--><!----><!--[--><!---->
                <div class="outer-link-container" data-v-1a1001f4 data-v-ef99cbbc><!--[-->
                    <div id="noteContainer" style="" class="note-container" data-type="normal" data-render-status="7"
                         data-css-flag="0" data-video-style="default" data-v-0f8a35f8>
                        <div class="author" data-v-0f8a35f8>
                            <div class="author-wrapper" data-v-0f8a35f8 data-v-701599c8>
                                <div class="info" data-v-701599c8><a
                                        href="/user/profile/65335b6a000000002b0037dd?channel_type=web_note_detail_r10&amp;xsec_token=ABVVRpMLM3E3Mf98kbdKKoSqjrJ-QhmgXGrdIjYrY8_iA%3D&amp;xsec_source=pc_note"
                                        class="" target="_blank" data-v-701599c8><span class="avatar-item no-avatar"
                                                                                       style="width:40px;height:40px;"
                                                                                       data-v-76fb8a7f></span></a><a
                                        href="/user/profile/65335b6a000000002b0037dd?channel_type=web_note_detail_r10&amp;parent_page_channel_type=web_profile_board&amp;xsec_token=ABVVRpMLM3E3Mf98kbdKKoSqjrJ-QhmgXGrdIjYrY8_iA=&amp;xsec_source=pc_note"
                                        class="name" target="_blank" data-v-701599c8><span class="username"
                                                                                           data-v-701599c8>小雨投资手记</span></a>
                                </div>
                                <div class="note-detail-follow-btn" data-v-701599c8 data-v-2f01971d>
                                    <button class="reds-button-new follow-button large primary follow-button" style=""
                                            data-v-2f01971d><span class="reds-button-new-box"><!----><!--[-->
                                        <!--]--><span class="reds-button-new-text"><!--[-->关注<!--]--></span></span>
                                    </button><!----></div>
                            </div>
                        </div>
                        <div style="width:calc(calc(100vh - 72px - 40px - 2px) * 0.7947136563876652);height:calc(100vw * 1135 / 902);"
                             class="media-container" data-v-0f8a35f8><!--[-->
                            <div class="slider-container" data-v-2ae7b646><!--[--><!--[-->
                                <div elementtiming="note-cover" class="cover slider-zoom-in slider-container"
                                     style="background-image:url(http://sns-webpic-qc.xhscdn.com/202506200936/4401b63740c3da7bed25e252bfe3fe53/spectrum/1040g34o31gqke5ka3a0g5p9jbdlaodutk57h3a0!nd_prv_wlteh_webp_3);background-repeat:no-repeat;background-position:center;background-size:contain;"
                                     data-v-2ae7b646 data-v-567c5164-s>
                                    <div id="copy-img-guide" data-v-2ae7b646 data-v-567c5164-s></div><!----><!---->
                                    <div class="swiper note-slider" data-v-2ae7b646 data-v-567c5164-s><!--[--><!--]-->
                                        <div class="swiper-wrapper" data-v-567c5164-s><!--[--><!--]--><!--[-->
                                            <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3"
                                                 data-v-567c5164-s></div>
                                            <div class="swiper-slide" data-swiper-slide-index="0" data-index="0"
                                                 style="" data-v-2ae7b646 data-v-567c5164-s><!----></div>
                                            <div class="swiper-slide" data-swiper-slide-index="1" data-index="1"
                                                 style="" data-v-2ae7b646 data-v-567c5164-s><!----></div>
                                            <div class="swiper-slide" data-swiper-slide-index="2" data-index="2"
                                                 style="" data-v-2ae7b646 data-v-567c5164-s><!----></div>
                                            <div class="swiper-slide" data-swiper-slide-index="3" data-v-2ae7b646
                                                 data-v-567c5164-s></div>
                                            <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0"
                                                 data-index="0" style="" data-v-567c5164-s><!----></div><!--]--><!--[-->
                                            <!--]--></div><!----><!----><!----><!--[--><!--]--></div><!--[-->
                                    <div class="fraction" data-v-2ae7b646 data-v-567c5164-s>1/3</div><!--[-->
                                    <div class="arrow-controller left forbidden" data-v-2ae7b646 data-v-567c5164-s>
                                        <div class="btn-wrapper" data-v-2ae7b646 data-v-567c5164-s>
                                            <svg class="reds-icon" width="16" height="16" data-v-2ae7b646
                                                 data-v-567c5164-s data-v-55b36ac6>
                                                <use xlink:href="#arrow_left" data-v-55b36ac6></use>
                                            </svg>
                                        </div>
                                    </div>
                                    <div class="arrow-controller right" data-v-2ae7b646 data-v-567c5164-s>
                                        <div class="btn-wrapper" data-v-2ae7b646 data-v-567c5164-s>
                                            <svg class="reds-icon" width="16" height="16" data-v-2ae7b646
                                                 data-v-567c5164-s data-v-55b36ac6>
                                                <use xlink:href="#arrow_left" data-v-55b36ac6></use>
                                            </svg>
                                        </div>
                                    </div><!--]-->
                                    <div class="slider-pagination-container pagination-media-container" data-v-2ae7b646
                                         data-v-567c5164-s data-v-16dd1638>
                                        <div id="" class="pagination-list" data-v-16dd1638><!--[-->
                                            <div class="pagination-item" data-v-16dd1638>
                                                <div class="active dot" data-v-16dd1638></div>
                                            </div>
                                            <div class="pagination-item" data-v-16dd1638>
                                                <div class="dot" data-v-16dd1638></div>
                                            </div>
                                            <div class="pagination-item" data-v-16dd1638>
                                                <div class="dot" data-v-16dd1638></div>
                                            </div><!--]--></div>
                                    </div><!--]--></div><!--]--><!----><!--]--></div><!----><!--]--><!----></div>
                        <div id="pagination-teleport-container" class="" data-v-0f8a35f8></div><!--[-->
                        <div class="interaction-container" data-v-6f638ad4>
                            <div class="author-container" data-v-6f638ad4>
                                <div class="author-wrapper" data-v-6f638ad4 data-v-701599c8>
                                    <div class="info" data-v-701599c8><a
                                            href="/user/profile/65335b6a000000002b0037dd?channel_type=web_note_detail_r10&amp;xsec_token=ABVVRpMLM3E3Mf98kbdKKoSqjrJ-QhmgXGrdIjYrY8_iA%3D&amp;xsec_source=pc_note"
                                            class="" target="_blank" data-v-701599c8><span class="avatar-item no-avatar"
                                                                                           style="width:40px;height:40px;"
                                                                                           data-v-76fb8a7f></span></a><a
                                            href="/user/profile/65335b6a000000002b0037dd?channel_type=web_note_detail_r10&amp;parent_page_channel_type=web_profile_board&amp;xsec_token=ABVVRpMLM3E3Mf98kbdKKoSqjrJ-QhmgXGrdIjYrY8_iA=&amp;xsec_source=pc_note"
                                            class="name" target="_blank" data-v-701599c8><span class="username"
                                                                                               data-v-701599c8>小雨投资手记</span></a>
                                    </div>
                                    <div class="note-detail-follow-btn" data-v-701599c8 data-v-2f01971d>
                                        <button class="reds-button-new follow-button large primary follow-button"
                                                style="" data-v-2f01971d><span class="reds-button-new-box"><!---->
                                            <!--[--><!--]--><span class="reds-button-new-text"><!--[-->关注
                                                <!--]--></span></span></button><!----></div>
                                </div>
                            </div>
                            <div class="note-scroller" data-v-6f638ad4>
                                <div class="note-content" data-v-6f638ad4 data-v-610be4fa>
                                    <div id="detail-title" class="title" data-v-610be4fa>
                                        收益从+175%到-18%，李蓓做错了什么？
                                    </div>
                                    <div id="detail-desc" class="desc" data-v-610be4fa><span class="note-text"
                                                                                             data-v-610be4fa><!--[-->
                                        <!--[--><span>[吃瓜R]</span><!--]--><!--[--><span>错在能力不行。

⭕ 纯做主观：私募宏观策略里，大多是量化宏观或量化+主观，而半夏是极少数的纯主观对冲策略，完全依靠李蓓主观判断，容错率很低。

⭕ 喜欢all in：大部分宏观对冲管理人首先有一个beta，依托模型进行股、债、商打底，然后再通过主观进行多空择时或者仓位择时。简单讲就是总能吃到某个资产的红利，除非三杀，不然也跌不到哪去。但李蓓不同，她一旦判断某个资产/行业有趋势，会all in。比如觉得商品有行情就全部买入，一旦出错，净值自然大幅下跌。

⭕ 不擅长债：这两年全球债券牛市，可惜李蓓的能力圈并不擅长债券类资产，近些年业绩不好也有这方面原因。

⭕ 没跟上行情：近半年，李蓓为了控回撤、分散配置，降低仓位（当前约有5成），所以也错失了一些阶段性的行情。

✔️ 流量角度，蓓蓓绝对是个人气火爆的大网红，公众号发文篇篇10w+，热搜从牛市上到熊市。
❌ 但是站在基金经理角度，她17年和前夫哥离婚后，自己创立的半夏多次误判，业绩拉胯，从23年开始一路下跌，单周跌幅甚至接近9%，净值至今尚未修复。帮投资人赚不了钱，就不是一个合格的资管人。

﻿</span><!--]--><!--[--><a id="hash-tag" target="_blank" class="tag"
                           href="/search_result?keyword=%25E9%2587%2591%25E8%259E%258D&amp;type=54&amp;source=web_note_detail_r10"
                           data-v-39010cd1>#金融</a><!--]--><!--[--><span>﻿   ﻿</span><!--]--><!--[--><a id="hash-tag"
                                                                                                         target="_blank"
                                                                                                         class="tag"
                                                                                                         href="/search_result?keyword=%25E6%258A%2595%25E8%25B5%2584&amp;type=54&amp;source=web_note_detail_r10"
                                                                                                         data-v-39010cd1>#投资</a>
                                        <!--]--><!--[--><span>﻿   ﻿</span><!--]--><!--[--><a id="hash-tag"
                                                                                             target="_blank" class="tag"
                                                                                             href="/search_result?keyword=%25E7%25A7%2581%25E5%258B%259F&amp;type=54&amp;source=web_note_detail_r10"
                                                                                             data-v-39010cd1>#私募</a>
                                        <!--]--><!--[--><span>﻿   ﻿</span><!--]--><!--[--><a id="hash-tag"
                                                                                             target="_blank" class="tag"
                                                                                             href="/search_result?keyword=%25E6%259D%258E%25E8%2593%2593&amp;type=54&amp;source=web_note_detail_r10"
                                                                                             data-v-39010cd1>#李蓓</a>
                                        <!--]--><!--[--><span>﻿   ﻿</span><!--]--><!--[--><a id="hash-tag"
                                                                                             target="_blank" class="tag"
                                                                                             href="/search_result?keyword=%25E5%258D%258A%25E5%25A4%258F&amp;type=54&amp;source=web_note_detail_r10"
                                                                                             data-v-39010cd1>#半夏</a>
                                        <!--]--><!--[--><span>﻿   ﻿</span><!--]--><!--[--><a id="hash-tag"
                                                                                             target="_blank" class="tag"
                                                                                             href="/search_result?keyword=%25E8%258A%25B160%25E5%25A4%25A9%25E5%25AD%25A6%25E7%2590%2586%25E8%25B4%25A2&amp;type=54&amp;source=web_note_detail_r10"
                                                                                             data-v-39010cd1>#花60天学理财</a>
                                        <!--]--><!--[--><span>﻿   ﻿</span><!--]--><!--[--><a id="hash-tag"
                                                                                             target="_blank" class="tag"
                                                                                             href="/search_result?keyword=%25E7%2590%2586%25E8%25B4%25A2&amp;type=54&amp;source=web_note_detail_r10"
                                                                                             data-v-39010cd1>#理财</a>
                                        <!--]--><!--[--><span>﻿   ﻿</span><!--]--><!--[--><a id="hash-tag"
                                                                                             target="_blank" class="tag"
                                                                                             href="/search_result?keyword=%25E4%25BA%2589%25E8%25AE%25AE&amp;type=54&amp;source=web_note_detail_r10"
                                                                                             data-v-39010cd1>#争议</a>
                                        <!--]--><!--[--><span>﻿﻿</span><!--]--><!--]--></span></div>
                                    <div class="bottom-container" data-v-610be4fa><!--[--><span class="date"
                                                                                                selected-disabled-search
                                                                                                data-v-610be4fa>编辑于 04-28 </span>
                                        <!----><!--]--><span data-v-610be4fa><div class="notedetail-menu"
                                                                                  style="z-index:9999;" size="16"
                                                                                  data-v-610be4fa data-v-63ac5062><div
                                                class="note-detail-dropdown" data-v-63ac5062 data-v-1b03e45c><svg
                                                class="reds-icon more" width="16" height="16" data-v-63ac5062
                                                data-v-55b36ac6><use xlink:href="#more" data-v-55b36ac6></use></svg>
                                            <!----></div></div></span></div>
                                </div>
                                <div class="divider interaction-divider" style="" data-v-6f638ad4 data-v-39ecb380></div>
                                <div class="comments-el" style="" data-v-6f638ad4 data-v-4a19279a>
                                    <div class="loading" data-v-4a19279a>
                                        <div class="animate" style="width:20px;height:20px;" data-v-4a19279a></div>
                                        加载中
                                    </div>
                                </div><!----></div>
                            <div class="interactions engage-bar" data-v-6f638ad4>
                                <div class="engage-bar-container" data-v-6f638ad4 data-v-09acb0da><!----></div>
                            </div><!----></div><!----><!--]--></div><!--[-->
                    <div class="close-circle" data-v-6c30aded>
                        <div class="close close-mask-dark" data-v-6c30aded>
                            <svg class="reds-icon" width="20" height="20" data-v-6c30aded data-v-55b36ac6>
                                <use xlink:href="#close" data-v-55b36ac6></use>
                            </svg><!----></div>
                    </div>
                    <div class="close-box" data-v-6c30aded>
                        <svg class="reds-icon" width="18" height="18" data-v-6c30aded data-v-55b36ac6>
                            <use xlink:href="#close" data-v-55b36ac6></use>
                        </svg><!----></div><!--]--><!----><!----><!--]--><!----></div>
                <span id="note-detail-origin" data-undertake-flag="rightRecommenddefault" data-origin="outlinkNotePage"
                      data-v-1a1001f4></span><!--[--><!----><!----><!----><!----><!--]--><!----><!--]--><!----><!---->
                <!--]--><!----><!--]--></div><!----></div>
    </div><!--]--><!----><!--]--><!--]--><!--]-->
    <div id="__XHS_AB_FLAGS__" style="display:none;width:0;height:0;position:absolute;"
         data-ab-flags="{&quot;value&quot;:{&quot;requestExp&quot;:{&quot;coupon_module&quot;:&quot;1&quot;,&quot;classification&quot;:&quot;1&quot;,&quot;sellerpage_new&quot;:&quot;1&quot;,&quot;shop_entry&quot;:&quot;1&quot;,&quot;sellerpage_shop&quot;:&quot;1&quot;,&quot;pdp_hop1&quot;:&quot;1&quot;}},&quot;rejected&quot;:{&quot;webExp&quot;:&quot;no data&quot;,&quot;userExp&quot;:&quot;no data&quot;},&quot;id&quot;:{&quot;webId&quot;:&quot;&quot;,&quot;userId&quot;:&quot;&quot;},&quot;status&quot;:&quot;finish&quot;,&quot;diversions&quot;:{&quot;requestExp&quot;:[]},&quot;source&quot;:{&quot;requestExp&quot;:&quot;api&quot;},&quot;csrReqStatus&quot;:&quot;noReq&quot;,&quot;ssrReqStatus&quot;:&quot;success&quot;,&quot;clientCost&quot;:0,&quot;serverCost&quot;:3}"></div>
    <!--]--></div>
<script>window.__SSR__ = true</script>
<script>window.__INITIAL_STATE__ = {
    "global": {
        "appSettings": {
            "notificationInterval": 30,
            "prefetchTimeout": 3001,
            "prefetchRedisExpires": 259200000,
            "searchFilterGuideConfig": {
                "maxDailyShow": 1,
                "maxTotalShow": 3,
                "showInterval": 1,
                "validDays": 15,
                "autoCloseDelay": 5000
            },
            "retryFeeds": true,
            "grayModeConfig": {
                "global": false,
                "dateRange": ["2023-08-01 00:00:00", "2023-08-19 23:59:59"],
                "greyRule": {"layout": {"enable": false, "pages": ["Explore"]}, "pages": ["Explore"]},
                "disableLikeNotes": ["64ce36f7000000000c036ba5"],
                "disableSearchHint": false
            },
            "NIO": true,
            "ICPInfoList": [{
                "label": "沪ICP备13030189号",
                "link": "\u002F\u002Fbeian.miit.gov.cn\u002F",
                "title": "小红书_沪ICP备"
            }, {
                "label": "营业执照",
                "link": "\u002F\u002Ffe-video-qc.xhscdn.com\u002Ffe-platform\u002F5581076bd6b6af2e0e943abb024ad0e16f2ebff6.pdf",
                "title": "小红书_营业执照"
            }, {
                "label": "2024沪公网安备31010102002533号",
                "link": "\u002F\u002Fwww.beian.gov.cn\u002Fportal\u002FregisterSystemInfo?recordcode=31010102002533",
                "title": "小红书_沪公网安备"
            }, {
                "label": "增值电信业务经营许可证：沪B2-20150021",
                "link": "\u002F\u002Ffe-video-qc.xhscdn.com\u002Ffe-platform-file\u002F104101b831hhkkll23u0678gtks7tu70004en2n231udpe",
                "title": "小红书_网文"
            }, {
                "label": "医疗器械网络交易服务第三方平台备案：(沪)网械平台备字[2019]第00006号",
                "link": "\u002F\u002Ffe-video-qc.xhscdn.com\u002Ffe-platform\u002F410dce57bc12a6d7e5808060e47644fbe46f68ff.pdf",
                "title": "小红书_医疗器械网络交易服务"
            }, {
                "label": "互联网药品信息服务资格证书：(沪)-经营性-2023-0144",
                "link": "\u002F\u002Ffe-video-qc.xhscdn.com\u002Ffe-platform\u002Ff37a08cacc088061beb38329c387c32fc48fc6fe.pdf",
                "title": "小红书_互联网药品信息服务"
            }, {
                "label": "违法不良信息举报电话：4006676810",
                "link": "\u002F\u002Fwww.shjbzx.cn",
                "title": "小红书_上海市互联网举报中心"
            }, {
                "label": "上海市互联网举报中心",
                "link": "\u002F\u002Fwww.shjbzx.cn",
                "title": "小红书_上海市互联网举报中心"
            }, {
                "label": "网上有害信息举报专区",
                "link": "\u002F\u002Fwww.12377.cn",
                "title": "网上有害信息举报专区"
            }, {
                "label": "自营经营者信息",
                "link": "\u002F\u002Fdc.xhscdn.com\u002F06c2adb0-b353-11e9-9d0c-7be9ff8961c1\u002F自营经营者信息公示.pdf",
                "title": "小红书_沪公网安备"
            }, {
                "label": "网络文化经营许可证：沪网文(2024)1344-086号",
                "link": "\u002F\u002Ffe-video-qc.xhscdn.com\u002Ffe-platform\u002F7970f6e8b70aedc995ba273d04b6b6751abcd63c.pdf",
                "title": "小红书_网络文化经营许可"
            }, {
                "label": "个性化推荐算法 网信算备310101216601302230019号",
                "link": "https:\u002F\u002Fbeian.cac.gov.cn\u002Fapi\u002Fstatic\u002FfileUpload\u002FprincipalOrithm\u002Fadditional\u002Fuser_c015445c-80ac-45f7-94d7-3871e961b1fe_d4425f3b-7f35-45af-b8d4-badd4424d6d5.pdf"
            }],
            "disableBanAlert": "false"
        },
        "supportWebp": true,
        "serverTime": 1750383403521,
        "grayMode": false,
        "referer": "https:\u002F\u002Fwww.xiaohongshu.com\u002F",
        "pwaAddDesktopPrompt": undefined,
        "firstVisitUrl": undefined,
        "easyAccessModalVisible": {
            "addDesktopGuide": false,
            "collectGuide": false,
            "keyboardList": false,
            "miniWindowGuide": false
        },
        "currentLayout": "default",
        "fullscreenLocking": false,
        "feedbackPopupVisible": false,
        "trackFps": false,
        "supportAVIF": false,
        "imgFormatCollect": {"ssr": ["jpg", "webp"], "csr": ["jpg"]},
        "isUndertake": false
    },
    "user": {
        "loggedIn": false,
        "activated": false,
        "userInfo": {},
        "follow": [],
        "userPageData": {},
        "activeTab": {
            "key": 0,
            "index": 0,
            "query": "note",
            "label": "笔记",
            "lock": false,
            "subTabs": null,
            "feedType": 0
        },
        "notes": [[], [], [], []],
        "isFetchingNotes": [false, false, false, false],
        "tabScrollTop": [0, 0, 0, 0],
        "userFetchingStatus": undefined,
        "userNoteFetchingStatus": ["", "", "", ""],
        "bannedInfo": {"userId": "", "serverBanned": false, "code": 0, "showAlert": false, "reason": "", "api": ""},
        "firstFetchNote": true,
        "noteQueries": [{"num": 30, "cursor": "", "userId": "", "hasMore": true, "page": 1}, {
            "num": 30,
            "cursor": "",
            "userId": "",
            "hasMore": true,
            "page": 1
        }, {"num": 30, "cursor": "", "userId": "", "hasMore": true, "page": 1}, {
            "num": 30,
            "cursor": "",
            "userId": "",
            "hasMore": true,
            "page": 1
        }],
        "pageScrolled": 0,
        "activeSubTab": undefined,
        "isOwnBoard": true
    },
    "board": {
        "boardListData": {},
        "isLoadingBoardList": false,
        "boardDetails": {},
        "boardFeedsMap": {},
        "boardPageStatus": "pending",
        "userBoardList": []
    },
    "login": {
        "loginMethod": undefined,
        "from": "",
        "showLogin": false,
        "agreed": false,
        "showTooltip": false,
        "loginData": {"phone": "", "authCode": ""},
        "errors": {"phone": "", "authCode": ""},
        "qrData": {"backend": {"qrId": "", "code": ""}, "image": "", "status": "un_scanned"},
        "counter": undefined,
        "inAntiSpamChecking": false,
        "recentFrom": "",
        "isObPagesVisible": false,
        "obPageFillInProgress": null,
        "verificationCodeStartTime": 0,
        "ageSelectValue": "21",
        "hobbySelectValue": [],
        "genderSelectValue": undefined,
        "inSpamCheckSendAuthCode": false,
        "isRegFusing": false,
        "loginStep": 0,
        "isLogining": false,
        "loginPadMountedTime": 0,
        "loginTips": "登录后推荐更懂你的笔记",
        "isRiskUser": false,
        "closeLoginModal": false,
        "traceId": "",
        "inAntiSpamCheckLogin": false
    },
    "feed": {
        "query": {
            "cursorScore": "",
            "num": 30,
            "refreshType": 1,
            "noteIndex": 0,
            "unreadBeginNoteId": "",
            "unreadEndNoteId": "",
            "unreadNoteCount": 0,
            "category": "homefeed_recommend",
            "searchKey": "",
            "needNum": 20,
            "imageFormats": [],
            "needFilterImage": false
        },
        "isFetching": false,
        "isError": false,
        "feedsWrapper": undefined,
        "undertakeNote": undefined,
        "feeds": [],
        "currentChannel": "homefeed_recommend",
        "unreadInfo": {
            "cachedFeeds": [],
            "unreadBeginNoteId": "",
            "unreadEndNoteId": "",
            "unreadNoteCount": 0,
            "timestamp": 0
        },
        "validIds": {"noteIds": []},
        "mfStatistics": {"timestamp": 0, "visitTimes": 0, "readFeedCount": 0},
        "channels": undefined,
        "isResourceDisplay": false,
        "isActivityEnd": false,
        "cancelFeedRequest": false,
        "prefetchId": undefined,
        "mfRequestMetaData": {"start": null, "lasting": null},
        "placeholderFeeds": [],
        "feedsCacheLogInfo": {
            "flag": "unknown",
            "errorCode": 0,
            "isHitMfCache": false,
            "SSRDocumentChecked": false,
            "SSRDocumentCheckedSuccess": false
        },
        "isUsingPlaceholderFeeds": false,
        "placeholderFeedsConsumed": false,
        "isReplace": false,
        "isFirstSuccessFetched": false,
        "imgNoteFilterStatus": "unchecked",
        "ssrRequestStatus": 5,
        "ssrRenderExtra": ""
    },
    "layout": {
        "layoutInfoReady": false,
        "columns": 6,
        "columnsWithSidebar": 6,
        "gap": {"vertical": 12, "horizontal": 24},
        "columnWidth": 0,
        "interactionWidth": 0,
        "widthType": "normal",
        "bufferRow": 3
    },
    "search": {
        "state": "auto",
        "searchContext": {
            "keyword": "",
            "page": 1,
            "pageSize": 20,
            "searchId": "",
            "sort": "general",
            "noteType": 0,
            "extFlags": [],
            "filters": [],
            "geo": ""
        },
        "feeds": [],
        "searchValue": "",
        "suggestions": [],
        "userInputSugTrigger": "",
        "keywordFrom": 2,
        "tagSearch": [],
        "activeTagSearch": null,
        "searchFeedsWrapper": undefined,
        "currentSearchType": "all",
        "hintWord": {
            "title": "搜索小红书",
            "searchWord": "小红书网页版",
            "hintWordRequestId": "default",
            "type": "default"
        },
        "sugType": null,
        "queryTrendingInfo": undefined,
        "queryTrendingParams": {
            "source": "ExploreNote",
            "searchType": "trend",
            "lastQuery": "",
            "lastQueryTime": 0,
            "wordRequestSituation": "FIRST_ENTER",
            "hintWord": "",
            "hintWordType": "",
            "hintWordRequestId": ""
        },
        "queryTrendingFetched": false,
        "oneboxInfo": {},
        "hasMore": true,
        "firstEnterSearchPage": true,
        "userLists": [],
        "fetchUserListsStatus": "auto",
        "isFetchingUserLists": false,
        "hasMoreUser": true,
        "searchCplId": undefined,
        "wordRequestId": undefined,
        "historyList": [],
        "searchPageHasPrevRoute": false,
        "searchHotSpots": [],
        "hotspotQueryNoteStep": "display",
        "hotspotQueryNoteIndex": 0,
        "canShowHotspotQueryNote": true,
        "forceHotspotSearch": false,
        "searchCardHotSpots": [],
        "isHotspotSearch": false,
        "filters": undefined,
        "activeFilters": [],
        "filterParams": undefined,
        "sessionId": "",
        "rootSearchId": "",
        "searchUserContext": {
            "keyword": "",
            "searchId": "",
            "page": 1,
            "pageSize": 15,
            "bizType": "web_search_user",
            "requestId": ""
        }
    },
    "activity": {"isOpen": false, "currentUrl": "", "entryList": []},
    "note": {
        "prevRouteData": {},
        "prevRoute": "Empty",
        "commentTarget": {},
        "isImgFullscreen": false,
        "gotoPage": "",
        "firstNoteId": "680f4e6c000000000900dde6",
        "autoOpenNote": false,
        "topCommentId": "",
        "noteDetailMap": {
            "680f4e6c000000000900dde6": {
                "comments": {"list": [], "cursor": "", "hasMore": true, "loading": false, "firstRequestFinish": false},
                "currentTime": 1750383403590,
                "note": {
                    "xsecToken": "ABYeRpZe9z37MACHXJiPPUw1f-ccanFEHGhef0v2UGrdo=",
                    "desc": "[吃瓜R]错在能力不行。\n\t\n⭕ 纯做主观：私募宏观策略里，大多是量化宏观或量化+主观，而半夏是极少数的纯主观对冲策略，完全依靠李蓓主观判断，容错率很低。\n\t\n⭕ 喜欢all in：大部分宏观对冲管理人首先有一个beta，依托模型进行股、债、商打底，然后再通过主观进行多空择时或者仓位择时。简单讲就是总能吃到某个资产的红利，除非三杀，不然也跌不到哪去。但李蓓不同，她一旦判断某个资产\u002F行业有趋势，会all in。比如觉得商品有行情就全部买入，一旦出错，净值自然大幅下跌。\n\t\n⭕ 不擅长债：这两年全球债券牛市，可惜李蓓的能力圈并不擅长债券类资产，近些年业绩不好也有这方面原因。\n\t\n⭕ 没跟上行情：近半年，李蓓为了控回撤、分散配置，降低仓位（当前约有5成），所以也错失了一些阶段性的行情。\n\t\n✔️ 流量角度，蓓蓓绝对是个人气火爆的大网红，公众号发文篇篇10w+，热搜从牛市上到熊市。\n❌ 但是站在基金经理角度，她17年和前夫哥离婚后，自己创立的半夏多次误判，业绩拉胯，从23年开始一路下跌，单周跌幅甚至接近9%，净值至今尚未修复。帮投资人赚不了钱，就不是一个合格的资管人。\n\t\n﻿#金融[话题]#﻿   ﻿#投资[话题]#﻿   ﻿#私募[话题]#﻿   ﻿#李蓓[话题]#﻿   ﻿#半夏[话题]#﻿   ﻿#花60天学理财[话题]#﻿   ﻿#理财[话题]#﻿   ﻿#争议[话题]#﻿﻿",
                    "interactInfo": {
                        "followed": false,
                        "relation": "none",
                        "liked": false,
                        "likedCount": "10+",
                        "collected": false,
                        "collectedCount": "10+",
                        "commentCount": "10+",
                        "shareCount": "10+"
                    },
                    "imageList": [{
                        "urlDefault": "http:\u002F\u002Fsns-webpic-qc.xhscdn.com\u002F202506200936\u002Fb2a5125a97a5d93529dd6283c991ac96\u002Fspectrum\u002F1040g34o31gqke5ka3a0g5p9jbdlaodutk57h3a0!nd_dft_wlteh_webp_3",
                        "stream": {},
                        "livePhoto": false,
                        "height": 1135,
                        "width": 902,
                        "traceId": "",
                        "infoList": [{
                            "imageScene": "WB_PRV",
                            "url": "http:\u002F\u002Fsns-webpic-qc.xhscdn.com\u002F202506200936\u002F4401b63740c3da7bed25e252bfe3fe53\u002Fspectrum\u002F1040g34o31gqke5ka3a0g5p9jbdlaodutk57h3a0!nd_prv_wlteh_webp_3"
                        }, {
                            "imageScene": "WB_DFT",
                            "url": "http:\u002F\u002Fsns-webpic-qc.xhscdn.com\u002F202506200936\u002Fb2a5125a97a5d93529dd6283c991ac96\u002Fspectrum\u002F1040g34o31gqke5ka3a0g5p9jbdlaodutk57h3a0!nd_dft_wlteh_webp_3"
                        }],
                        "fileId": "",
                        "url": "",
                        "urlPre": "http:\u002F\u002Fsns-webpic-qc.xhscdn.com\u002F202506200936\u002F4401b63740c3da7bed25e252bfe3fe53\u002Fspectrum\u002F1040g34o31gqke5ka3a0g5p9jbdlaodutk57h3a0!nd_prv_wlteh_webp_3"
                    }, {
                        "fileId": "",
                        "height": 1135,
                        "width": 902,
                        "url": "",
                        "traceId": "",
                        "urlDefault": "http:\u002F\u002Fsns-webpic-qc.xhscdn.com\u002F202506200936\u002F335931b1181c2bf3a675ec4ab26e4059\u002Fspectrum\u002F1040g34o31gqkfe2nk20g5p9jbdlaodutpo89l70!nd_dft_wlteh_webp_3",
                        "stream": {},
                        "infoList": [{
                            "imageScene": "WB_PRV",
                            "url": "http:\u002F\u002Fsns-webpic-qc.xhscdn.com\u002F202506200936\u002F699094bfd2178a43c51d69f94d6ea5b3\u002Fspectrum\u002F1040g34o31gqkfe2nk20g5p9jbdlaodutpo89l70!nd_prv_wlteh_webp_3"
                        }, {
                            "imageScene": "WB_DFT",
                            "url": "http:\u002F\u002Fsns-webpic-qc.xhscdn.com\u002F202506200936\u002F335931b1181c2bf3a675ec4ab26e4059\u002Fspectrum\u002F1040g34o31gqkfe2nk20g5p9jbdlaodutpo89l70!nd_dft_wlteh_webp_3"
                        }],
                        "urlPre": "http:\u002F\u002Fsns-webpic-qc.xhscdn.com\u002F202506200936\u002F699094bfd2178a43c51d69f94d6ea5b3\u002Fspectrum\u002F1040g34o31gqkfe2nk20g5p9jbdlaodutpo89l70!nd_prv_wlteh_webp_3",
                        "livePhoto": false
                    }, {
                        "width": 996,
                        "traceId": "",
                        "infoList": [{
                            "imageScene": "WB_PRV",
                            "url": "http:\u002F\u002Fsns-webpic-qc.xhscdn.com\u002F202506200936\u002F6d49152abac2ae66aac056167f4048b9\u002Fspectrum\u002F1040g0k031gqkf11f42005p9jbdlaodutd0o79uo!nd_prv_wgth_webp_3"
                        }, {
                            "imageScene": "WB_DFT",
                            "url": "http:\u002F\u002Fsns-webpic-qc.xhscdn.com\u002F202506200936\u002F9eb611910090680e1d76a111c580180f\u002Fspectrum\u002F1040g0k031gqkf11f42005p9jbdlaodutd0o79uo!nd_dft_wgth_webp_3"
                        }],
                        "urlPre": "http:\u002F\u002Fsns-webpic-qc.xhscdn.com\u002F202506200936\u002F6d49152abac2ae66aac056167f4048b9\u002Fspectrum\u002F1040g0k031gqkf11f42005p9jbdlaodutd0o79uo!nd_prv_wgth_webp_3",
                        "urlDefault": "http:\u002F\u002Fsns-webpic-qc.xhscdn.com\u002F202506200936\u002F9eb611910090680e1d76a111c580180f\u002Fspectrum\u002F1040g0k031gqkf11f42005p9jbdlaodutd0o79uo!nd_dft_wgth_webp_3",
                        "fileId": "",
                        "height": 973,
                        "url": "",
                        "stream": {},
                        "livePhoto": false
                    }],
                    "tagList": [{
                        "id": "5be432abe772cd000136f832",
                        "name": "金融",
                        "type": "topic"
                    }, {
                        "id": "5be3d93765a68000012604f3",
                        "name": "投资",
                        "type": "topic"
                    }, {
                        "id": "5e4fa4c20000000001004ac7",
                        "name": "私募",
                        "type": "topic"
                    }, {
                        "id": "62b8439d000000000101f08b",
                        "name": "李蓓",
                        "type": "topic"
                    }, {"id": "5eb662400000000001006172", "name": "半夏", "type": "topic"}, {
                        "type": "topic",
                        "id": "6711dbcc000000000301aaf7",
                        "name": "花60天学理财"
                    }, {
                        "id": "5f70a874000000000100757c",
                        "name": "理财",
                        "type": "topic"
                    }, {"id": "5f94526d0000000001004083", "name": "争议", "type": "topic"}],
                    "atUserList": [],
                    "lastUpdateTime": 1745833925000,
                    "type": "normal",
                    "title": "收益从+175%到-18%，李蓓做错了什么？",
                    "user": {
                        "userId": "65335b6a000000002b0037dd",
                        "nickname": "小雨投资手记",
                        "avatar": "https:\u002F\u002Fsns-avatar-qc.xhscdn.com\u002Favatar\u002F1040g2jo31gt34t7njq6g5p9jbdlaodutm5cg8u8",
                        "xsecToken": "ABVVRpMLM3E3Mf98kbdKKoSqjrJ-QhmgXGrdIjYrY8_iA="
                    },
                    "time": 1745833580000,
                    "shareInfo": {"unShare": false},
                    "noteId": "680f4e6c000000000900dde6"
                }
            }
        },
        "serverRequestInfo": {"state": "success", "errorCode": 0, "errMsg": ""},
        "volume": 0,
        "recommendVideoMap": {},
        "videoFeedType": "note_source",
        "rate": 1,
        "currentNoteId": "680f4e6c000000000900dde6",
        "forceScrollToComment": false,
        "mediaWidth": 450,
        "noteHeight": 800
    },
    "nioStore": {"collectionListDataSource": undefined, "error": undefined},
    "notification": {
        "isFetching": false,
        "activeTabKey": -1,
        "notificationCount": {"unreadCount": 0, "mentions": 0, "likes": 0, "connections": 0},
        "notificationMap": {
            "mentions": {"messageList": [], "hasMore": true, "cursor": ""},
            "likes": {"messageList": [], "hasMore": true, "cursor": ""},
            "connections": {"messageList": [], "hasMore": true, "cursor": ""}
        }
    },
    "redMoji": {"mojiData": {"version": "", "redmojiTabs": [], "redmojiMap": {}}}
}</script>
</body>
</html>
